Skip to content

Conversation

@KoolADE85
Copy link
Contributor

At long last, here is a PR to modernize the date pickers.

You can play with them here:
https://dcc-redesign.plotly.app/datepickers-single
https://dcc-redesign.plotly.app/datepickers-range

Some improvements:

  • Consistent with dcc.Dropdown's look and feel
  • Keyboard accessible with focus carefully managed
  • Support for mouse drag & wheel (and click of course)
  • DatePickerRange supports selecting backwards as well as forwards
  • A range of tests added for both new and existing features.

@KoolADE85 KoolADE85 force-pushed the feature/dcc-refactor-datepicker branch 2 times, most recently from b2d62da to de88f2b Compare November 7, 2025 17:48
@KoolADE85 KoolADE85 force-pushed the feature/dcc-refactor-datepicker branch from de88f2b to 75fd1fe Compare November 7, 2025 19:11
@AnnMarieW
Copy link
Collaborator

Wow! First look at this is amazing 🤩

I love how you can easily skip months and years - that's been a pain point in the old date pickers for a long time.

This is an incredible amount of work given that the Radix components does not have date pickers and you had to build all of this from scratch.

I see you are still using moment.js for the date formatting. Since they are no longer recommending moment.js to be used in new project, would you consider using one of their recommended alternatives? It might make it easier to add support for locale at some point https://momentjs.com/docs/#/-project-status/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants