Interface InputDateProps

interface InputDateProps {
    className?: string;
    datePicker?: "manual" | "infer" | "native";
    errorText?: string;
    isDisabled?: boolean;
    isRequired?: boolean;
    label?: string;
    labelWeight?: "bold" | "regular";
    maxDate?: string;
    minDate?: string;
    name?: string;
    onChange?: ((value, name?) => void);
    placeholder?: string;
    showTodayButton?: boolean;
    value?: null | string;
}

Properties

className? datePicker? errorText? isDisabled? isRequired? label? labelWeight? maxDate? minDate? name? onChange? placeholder? showTodayButton? value?

Properties

Optional className

className?: string

Custom class to give the html component

Optional datePicker

datePicker?: "manual" | "infer" | "native"

Configure what should be used for the date picking logic

  • 'infer' will use native date picker if supported, otherwise manual (default)
  • 'native' will use native date picker
  • 'manual' will use manual date picker (popover)

Optional errorText

errorText?: string

Error text

Optional isDisabled

isDisabled?: boolean

Is input disabled

Optional isRequired

isRequired?: boolean

Shows red required mark

Optional label

label?: string

Label of the input field

Optional labelWeight

labelWeight?: "bold" | "regular"

Configurable label weight

Optional maxDate

maxDate?: string

Maximum date allowed to be selected (yyyy-mm-dd)

Optional minDate

minDate?: string

Minimum date allowed to be selected (yyyy-mm-dd)

Optional name

name?: string

Input name

Optional onChange

onChange?: ((value, name?) => void)

On selected date change callback

Type declaration

    • (value, name?): void

    • On selected date change callback

      Parameters

      • value: null | string
      • Optional name: string

      Returns void

Optional placeholder

placeholder?: string

Placeholder

Optional showTodayButton

showTodayButton?: boolean

Default: true; Will show a button for selecting today in the popover

Optional value

value?: null | string

Input value (value is a string in format yyyy-mm-dd) If a value not in that format is entered then the input will change to null.

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc