I need to get my atata script to set a date on my web form. The web form utlizes the tailwind css framework.

            DateTime t =  new DateTime(2024 ,02,17);

            Go.To<DatesClaimAreaEditPage>()
                // .EditHeading.Should.Contain("Edit Claim")
                .DateArea.Click()
                .EditIncidentDate.Click()
                .CurrentIncidentDate.Clear()
                .CurrentIncidentDate.Set(t)
                .Report.Screenshot()
                .EditIncidentAwareness.Click()
                .CurrentDateAware.Set(t)
                .CurrentDateAware.Click()
                .EditNatmedNotified.Click()
                .SaveReload.Should.BeVisible()
                .SaveReload.Click()
                .DateArea.Click()
                .Report.Screenshot();

This is the component I pick up when inspecting the web element oin my web broswer in dev tools:

code for the web element

I tried what you see in my method above. I defined my page object class like this:

 [FindByXPath("//*[@id='claimDates']/div[1]/div/editbutton/button")]
 public Button<_> EditIncidentDate { get; private set; }

 [FindByXPath("//*[@id='DateOfIncident']")]

 public DateInput<_> CurrentIncidentDate { get; private set; }

Should I make a custom component control for this particular date time picker?