Юниверс DG SDK UI
v2.15.0

Интерфейс DatePickerProps

Свойства компонента DatePicker

interface DatePickerProps {
    additionalDateTemplates?: DatePickerDateTemplate[];
    allowClear?: boolean;
    autoFocus?: boolean;
    autoWidth?: boolean;
    className?: string;
    dateFullCellRender?: (date: Universe.Vendor.Moment.Moment) => ReactNode;
    defaultValue?: string;
    disabledDate?: (
        date: Universe.Vendor.Moment.Moment,
        granularity?: StartOf,
    ) => boolean;
    errorDateMessage: string;
    errorMessage?: ReactNode;
    errorTimeMessage: string;
    forwardRef?: RefObject<HTMLInputElement>;
    hasError?: boolean;
    headerRender?: (prop: CalendarHeaderRenderProp) => ReactNode;
    i18nLocale: string;
    isDefaultOpen?: boolean;
    isDisabled?: boolean;
    isHighlighted?: boolean;
    isInline?: boolean;
    isOpen?: boolean;
    isReadOnly?: boolean;
    isUtc?: boolean;
    locale?: CalendarLocale;
    mode?: "year" | "month";
    onBlur?: () => void;
    onChange?: (date: string) => void;
    onClose?: () => void;
    onPanelChange?: (
        date: Universe.Vendor.Moment.Moment,
        mode: CalendarMode,
    ) => void;
    onVisibleChange?: (visible: boolean) => void;
    pickerType: "dateTime" | "date";
    placeholder?: string;
    placeholderInvalidDate?: string;
    showSuffix?: boolean;
    timePlaceholder?: string;
    validRange?: [Universe.Vendor.Moment.Moment, Universe.Vendor.Moment.Moment];
    value?: string | null;
    valueFormat: string;
    viewFormat: string;
}

Иерархия

  • Omit<
        CalendarProps,
        "value"
        | "fullscreen"
        | "onSelect"
        | "onChange"
        | "mode"
        | "defaultValue",
    >
    • DatePickerProps
Индекс

Свойства

additionalDateTemplates?: DatePickerDateTemplate[]

Дополнительные шаблоны дат.

allowClear?: boolean

Разрешить очистку поля.

autoFocus?: boolean

Автоматический фокус на элементе.

autoWidth?: boolean

Флаг автоматического определения ширины.

className?: string

CSS-класс для календаря.

dateFullCellRender?: (date: Universe.Vendor.Moment.Moment) => ReactNode

Функция для рендеринга ячейки с датой.

Объявление типа

defaultValue?: string

Значение по умолчанию.

disabledDate?: (
    date: Universe.Vendor.Moment.Moment,
    granularity?: StartOf,
) => boolean

Функция для определения недоступной даты.

Объявление типа

errorDateMessage: string

Сообщение об ошибке даты.

errorMessage?: ReactNode

Сообщение об ошибке.

errorTimeMessage: string

Сообщение об ошибке времени.

forwardRef?: RefObject<HTMLInputElement>

Ссылка на элемент.

hasError?: boolean

Флаг, есть ли ошибка.

headerRender?: (prop: CalendarHeaderRenderProp) => ReactNode

Функция для рендеринга заголовка календаря.

Объявление типа

i18nLocale: string

Текущий язык локали (e.g. "en", "ru").

isDefaultOpen?: boolean

Открыт по умолчанию.

isDisabled?: boolean

Флаг отключить элемент.

isHighlighted?: boolean

Подсвечен ли элемент.

isInline?: boolean

Рендерить компонент встраиваемым, без выпадающего меню. todo boev

isOpen?: boolean

Флаг, открыт ли элемент.

isReadOnly?: boolean

Флаг только для чтения.

isUtc?: boolean

Использовать UTC.

Объект локализации календаря.

mode?: "year" | "month"

Режим отображения.

onBlur?: () => void

Обработчик события потери фокуса.

onChange?: (date: string) => void

Обработчик изменения даты.

Объявление типа

    • (date: string): void
    • Параметры

      • date: string

        Новая дата.

      Возвращает void

onClose?: () => void

Обработчик закрытия календаря.

onPanelChange?: (
    date: Universe.Vendor.Moment.Moment,
    mode: CalendarMode,
) => void

Обработчик изменения даты или режима.

Объявление типа

onVisibleChange?: (visible: boolean) => void

Обработчик изменения видимости.

pickerType: "dateTime" | "date"

Тип выбора.

placeholder?: string

Плейсхолдер.

placeholderInvalidDate?: string

Плейсхолдер для неверной даты.

showSuffix?: boolean

Показать суффикс.

timePlaceholder?: string

Плейсхолдер для времени.

Допустимый интервал дат.

value?: string | null

Значение даты.

valueFormat: string

Формат значения даты.

viewFormat: string

Формат отображения даты.