@myntra/uikit-component-input-date v1.13.96

import InputDate from './src/input-date'

InputDate

const [value, setValue] = useState();

<InputDate value={value} onChange={setValue} />

Examples

• Date input
• Date range input
• Date range input with presets
• InputDate.Picker component
• Presets component

Date input

const [value, setValue] = useState();

<InputDate value={value} onChange={setValue} />

Date range input

const [value, setValue] = useState();

<InputDate value={value} onChange={setValue} range active="from" />

Date range input preset

const [value, setValue] = useState();

<InputDate value={value} onChange={setValue} range presets />

Presets

Presets can be manually added also. Below format should be used

{
  range: boolean
  label: string
  value(): Date | { from: Date; to: Date }
}

Sub-components

InputDate.Picker

const [value, setValue] = useState();

<InputDate.Picker value={value} onChange={setValue} />