[Solid] DatePickerContext questions

[kada49]

Hey,
I would like to add a button to my DatePicker that selects today onClick. I have found the selectToday() function in the DatePicker context which should do exactly that. Unfortunately in my case it doesn't do anything.
As an alternative I tried to use setValue() (always from the context) but it requires a CalendarDate[] which ark does not expose. I would have to install @internationalized/[email protected] to be able to create a CalendarDate object.

Is there something obvious I am missing here? Thanks in advance
solidjs 1.9.9, ark-ui 4.10.2 (cannot upgrade to latest atm to check if it works there)

[segunadebayo]

Can you share a reproduction? It's much easier to help you that way

[kada49]

https://stackblitz.com/edit/solidjs-templates-j8cnkd9z?file=src%2Findex.tsx

The code is in DatePicker.tsx line 293
This is it, no errors from vite, no errors in browser console.

[segunadebayo]

Looked into it, and the code is quite complex to reason about.

Key observations:

• You were destructuring the result of useArkDatePickerContext. In Solid.js, it returns a function, not an object.
• You used both RootProvider and Root. Please use Root for most cases.
• There's indeed a bug in selectToday. Replaced it with context().setValue([parseDate(new Date())]) for now

Cleaned it up a bit here:
https://stackblitz.com/edit/solidjs-templates-zn7wrf5c?file=src%2Findex.tsx,src%2FDatePicker.tsx,package.json

[kada49]

Unfortnately, in ark-ui 4 the setValue function only takes a CalendarDate[], which comes from @internationalized/date and is not exported from ark-ui. Is the only way to set that value (with typescript and no errors) to add @internationalized/date and just use toCalendarDate() until we get to upgrade to ark-ui 5?