fix(date time picker): dark mode token updates

[wbarbee]

Summary

• Flatpickr theme
• Date Picker
• Date Range Picker
• Time Picker

ADO Story or GitHub Issue Link

• Flatpickr theme
• Date Picker
• Date Range Picker
• Time Picker

Figma Link

Date Picker/ Time Picker/Date and Time Picker

Notes

• UX added Date and Time Picker specific tokens (--kd-color-date-and-time-picker-*)
• divider between two range calendars is not currently possible, given the foundational flatpickr html structure

Checklist

• Used Conventional Commit messages as outlined in the contributing guide.
  • Noted breaking changes (if any).
• Documented/updated all props, events, slots, parts, etc with JSDoc.
  • Ran the analyze command to update Storybook docs.
• Added/updated Stories with controls to cover all variants.
• Ran test locally to address any failures.
• Added/updated the Figma link for the Story's Design tab.
• Added any new component exports to the src/index.ts file

Screenshots

[netlify]

✅ Deploy Preview for shidoka-applications ready!

Name	Link
🔨 Latest commit	5f3553b
🔍 Latest deploy log	https://app.netlify.com/sites/shidoka-applications/deploys/674f352385d0bc0008591efd
😎 Deploy Preview	https://deploy-preview-279--shidoka-applications.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[brian-patrick-3]

Had a couple small comments but LGTM overall.

[wbarbee]

@srpriyankashetty fixed two bugs:

1. edge case 1: multiple datepicker selection clear button now resets to the calendar icon when multiple selections are selected then cleared
2. edge case 2: for date/date range/time pickers, we are now detecting changes to the disable form input property and closing the flatpickr selector so that the dev/user is not able to select dates once disabled

[srpriyankashetty]

Verified the Date range, Date + time range in dark mode and looks fine
Verified the Single date, Date + time Hindi locale and Multiple date selection looks fine in dark mode
Verified the Default time, Time picker(24hr) and Japanese locale example in dark mode and looks fine.
Verified the Pattern/Forms showing the same changes as per the main component in dark mode theme.
Verified the issues mentioned:
Multiple date selection - Clear button is now showing as calendar when cleared
In all the date and time pickers - the calendar pop-up now disappears on enabling disable date or time picker.

[brian-patrick-3]

🎉 This PR is included in version 2.0.0-next.23 🎉

The release is available on:

• npm package (@next dist-tag)
• GitHub release

Your semantic-release bot 📦🚀