A visual way to choose a date using a calendar view.
Component
Datepicker
Other names: Calendar, Datetime picker
41 examples
Date picker
Ant Design
Ant Financial
- React
- Code examples
- Accessibility issues
- Open source
Date time picker
Atlassian Design System
- React
- Code examples
- Usage guidelines
- Tone of voice
- Accessibility
Calendar
Backpack
Skyscanner
- Mobile
- React
- Code examples
- Usage guidelines
- Open source
- Tone of voice
Datepicker
Backpack
Skyscanner
- Mobile
- React
- Code examples
- Usage guidelines
- Open source
- Tone of voice
Scrollable calendar
Backpack
Skyscanner
- Mobile
- React
- Code examples
- Usage guidelines
- Open source
- Tone of voice
Datepicker
Base Web
Uber
- React
- CSS-in-JS
- Code examples
- Usage guidelines
- Open source
DatePicker3
Blueprint
Palantir
- React
- Sass
- Open source
Date picker
Carbon Design System
IBM
- React
- Vanilla JS
- Angular
- Vue
- Svelte
- Web Components
- Code examples
- Usage guidelines
- Open source
Date Picker
Clarity Design System
VMware
- CSS
- Angular
- Web Components
- Code examples
- Usage guidelines
- Open source
Datepicker
Crayons
Freshworks
- Web Components
- Code examples
- Open source
Date picker
Dell Design System
- Vanilla JS
- Code examples
- Usage guidelines
Datepicker
eBay Playbook
- HTML
- React
- Code examples
Date picker
Elastic UI framework
Elastic
- React
- Sass
- Code examples
- Open source
Super date picker
Elastic UI framework
Elastic
- React
- Sass
- Code examples
- Open source
Datepicker
Elisa Design System
- React
- Usage guidelines
- Code examples
- Accessibility
Datepicker
Flowbite
- Tailwind CSS
- Open source
- Code examples
DatePicker
Fluent UI
Microsoft
- React
- Web Components
- Mobile
- Usage guidelines
- Code examples
- Accessibility
- Open source
Calendar
Geist Design System
Vercel
- React
- Code examples
DatePicker
Gestalt
Pinterest
- React
- CSS
- Code examples
- Open source
- Usage guidelines
DateRange
Gestalt
Pinterest
- React
- CSS
- Code examples
- Open source
- Usage guidelines
Datepicker
Jøkul Designsystem
Fremtind Forsikring
- React
- Sass
- Code examples
- Usage guidelines
- Open source
Datepicker
Lightning Design System
Salesforce
- React
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Datetime Picker
Lightning Design System
Salesforce
- React
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Date picker
Luna
Sainsbury’s
- React
- Sass
- Usage guidelines
- Code examples
- Tone of voice
Date picker
Material Design
Google
- Mobile
- Web Components
- Sass
- Usage guidelines
- Open source
- Accessibility
Date picker
Morningstar Design System
- Vue
- Usage guidelines
Datepicker Input
Nessie
Nederlandse Spoorwegen
- Web Components
- Tailwind CSS
- Usage guidelines
- Code examples
Date picker
No Style Design System
- Sass
- jQuery
- Open source
- Unmaintained
Calendar
Nord Design System
Nordhealth
- Web Components
- Code examples
- Usage guidelines
Appointment picker
Nucleus Design System
British Gas
- Web Components
- Usage guidelines
Datepicker
Nucleus Design System
British Gas
- Web Components
- Usage guidelines
Date picker
Pajamas
GitLab
- Vue
- Usage guidelines
- Code examples
- Open source
Date picker
PatternFly
Red Hat
- React
- Sass
- Tone of voice
- Open source
- Usage guidelines
Date picker
Polaris
Shopify
- React
- Code examples
- Usage guidelines
- Accessibility
- Tone of voice
- Open source
Date
Quasar Framework
- Vue
- Accessibility issues
- Code examples
- Open source
Date Picker
Ruter Components
- React
- Code examples
- Unmaintained
Date picker
SEB Design Library
Skandinaviska Enskilda Banken
- Sass
- React
- Angular
- Code examples
- Usage guidelines
Month Picker
Seek style guide
- React
- Code examples
- Unmaintained
Calendar
shadcn/ui
- React
- Tailwind CSS
- Code examples
- Open source
Date Picker
Spark Design System
Quicken Loans
- React
- Angular
- Code examples
- Usage guidelines
- Open source
- Unmaintained
Date Picker
Thumbprint
Thumbtack
- React
- Sass
- Code examples
- Open source
..svg)