Live Demo
Anatomy
- Date picker
- label
- Input field
- Placeholder
- Date picker icon
Variations
Single, date range, month, quick select, date and time ,and time
Default Date Picker
Multi Date Picker
Date and Time Picker
Guidelines
- When using for a global date entry field, the date should be formatted: DD Mon YYYY.
- If using localization, then dates can be formatted to the locally used conventions.
- Do not disable the ability to enter the date via the keyboard directly into the input.
- If using Quick Selection, provide date presets with common date range selections, such as month, quarter, or today+1.