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
Date time picker
Atlassian Design System
- React
- Code examples
- Usage guidelines
- Tone of voice
- Accessibility
- Open source
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
Datepicker
Base Web
Uber
- React
- CSS-in-JS
- Code examples
- Usage guidelines
- Open source
Date picker
Carbon Design System
IBM
- React
- Vanilla JS
- Angular
- Vue
- Svelte
- Code examples
- Usage guidelines
- Open source
Datepicker
Crayons
Freshworks
- Web Components
- Code examples
- Open source
Date picker
Edison Design System
General Electric
- Web Components
- Usage guidelines
- Code examples
Date range
Edison Design System
General Electric
- Web Components
- Usage guidelines
- Code examples
Time picker
Edison Design System
General Electric
- Web Components
- Usage guidelines
- 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
Fluent UI
Microsoft
- React
- Web Components
- Mobile
- Usage guidelines
- Code examples
- Accessibility
DatePicker
Gestalt
Pinterest
- React
- CSS
- Code examples
- Open source
Date picker
Goldman Sachs Design System
- Tone of voice
- Usage guidelines
Datepicker
GroupUI
Volkswagen Group
- Web Components
- Code examples
- Usage guidelines
Datepicker
Jøkul Designsystem
Fremtind Forsikring
- React
- Sass
- Code examples
- Usage guidelines
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
Dijit Date Text Box
Mailchimp design system
- Code examples
Date Picker
Momentum Design
Cisco
- React
- Sass
- Code examples
- Usage guidelines
- Open source
Date Range Picker
Momentum Design
Cisco
- React
- Sass
- Code examples
- Usage guidelines
- Open source
Date and Time Picker
Momentum Design
Cisco
- React
- Sass
- Code examples
- Usage guidelines
- Open source
Time Picker
Momentum Design
Cisco
- React
- Sass
- Code examples
- Usage guidelines
- Open source
Date picker
No Style Design System
- Sass
- jQuery
- Open source
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
Polaris
Shopify
- React
- Code examples
- Usage guidelines
- Accessibility
- Tone of voice
- Open source
Date
Quasar Framework
- Vue
- Accessibility issues
- Code examples
Date Picker
Ruter Components
- React
- Code examples
Date picker
SEB Design Library
Skandinaviska Enskilda Banken
- Sass
- React
- Angular
- Code examples
- Open source
- Usage guidelines
Month Picker
Seek style guide
- React
- Code examples
Date Picker
Spark Design System
Quicken Loans
- React
- Angular
- Code examples
- Usage guidelines
- Open source
Date Picker
Thumbprint
Thumbtack
- React
- Sass
- Code examples
- Open source
Datepicker
Vattenfall Design System
- HTML
- jQuery
- Sass
- Code examples
- Open source
