Demo DateInput

DateInput playground

slashGuidelinesstorybookStorybookgithubGithubnpm version
Enter the date
1<DateInput required={false} 
2  forceDisplayMessage={false} 
3  disabled={false} 
4  id="uniqueid" 
5  message="" 
6  placeholder="Ex: 14/12/2022" 
7  helpMessage="Enter the date" 
8  name="name-field" 
9  value={value}
10  label={<>My Label</>}
11  className="row af-form__group" 
12  classModifier="required" 
13  messageType="error" 
14  onChange={onChange('value')} 
15  autoComplete="none"
16  autoFocus={true} 
17  readOnly={false} 
18  isVisible={true} 
19  classNameContainerLabel="col-md-2"
20  classNameContainerInput="col-md-10"
21  >
22  
23</DateInput>  
24