Halstack
Design system
v6.0.0
OverviewIntroduction
ComponentsAccordionAlertApplication layoutBleedBoxBulleted ListButtonCardCheckboxChipDate InputDialogDropdownFile InputFlexFooterHeaderHeadingInsetLinkNav TabsNumber InputPaginatorParagraphPassword InputProgress BarQuick NavRadio GroupResultset TableSelectSidenavSliderSpinnerSwitchTableTabsTagText InputTextareaToggle GroupTypographyWizard
Date Input
Ready
A date input is a user interface element where the user can type or select a date in a predefined format.
- Use the date input component when asking for a past, present, or future date.
- Provide a hint with the date format expected in the placeholder.
- Use a concise label to indicate what the date selection refers to.
The date format depends on an ISO definition for each country and the preference of use within the application.
The format of the date may vary depending on language, region, country or customer. It is a good practice to give to the user some type of hint about the date format and in many cases.
- The default format for the United States is
mm/dd/yyyy. - The default format for Australia, Europe, Africa, South America most countries of Asia is
dd/mm/yyyy. - The default format in China is
yyyy/mm/dd.