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

Интерфейс DateRangePickerProps

Свойства компонента выбора диапазона дат

interface DateRangePickerProps {
    additionalDateTemplates?: DateRangePickerDateRangeTemplate[];
    allowClear?: boolean;
    autoFocus?: boolean;
    className?: string;
    dateFullCellRender?: (date: Universe.Vendor.Moment.Moment) => ReactNode;
    defaultValue?: [string, string];
    disabledDate?: (
        date: Universe.Vendor.Moment.Moment,
        granularity?: StartOf,
    ) => boolean;
    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?: "date" | "year" | "month" | "decade";
    onBlur?: () => void;
    onChange?: (dateArray: [string, string]) => void;
    onClear?: () => void;
    onClose?: () => void;
    onPanelChange?: (
        date: Universe.Vendor.Moment.Moment,
        mode: CalendarMode,
    ) => void;
    onVisibleChange?: (isOpen: boolean) => void;
    pickerType?: "dateRange" | "dateTimeRange";
    placeholder?: [string, string];
    size?: Universe.Platform.Uikit.SIZE;
    validRange?: [Universe.Vendor.Moment.Moment, Universe.Vendor.Moment.Moment];
    value?: [string, string];
    valueFormat: string;
    viewFormat: string;
}

Иерархия

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

Свойства

additionalDateTemplates? allowClear? autoFocus? className? dateFullCellRender? defaultValue? disabledDate? errorMessage? errorTimeMessage forwardRef? hasError? headerRender? i18nLocale isDefaultOpen? isDisabled? isHighlighted? isInline? isOpen? isReadOnly? isUtc? locale? mode? onBlur? onChange? onClear? onClose? onPanelChange? onVisibleChange? pickerType? placeholder? size? validRange? value? valueFormat viewFormat

Свойства

additionalDateTemplates?: DateRangePickerDateRangeTemplate[]

Дополнительные шаблоны для быстрого выбора дат.

allowClear?: boolean

Позволяет ли очистить поле.

autoFocus?: boolean

Включает автофокус при инициализации.

className?: string

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

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

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

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

defaultValue?: [string, string]

Значение по умолчанию для диапазона дат.

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

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

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

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

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

isOpen?: boolean

Отвечает за текущее состояние видимости виджета.

isReadOnly?: boolean

Делает поле только для чтения.

isUtc?: boolean

Интерпретировать дату как UTC.

locale?: CalendarLocale

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

mode?: "date" | "year" | "month" | "decade"

Режим выбора даты.

onBlur?: () => void

Вызывается при потере фокуса виджета.

onChange?: (dateArray: [string, string]) => void

Хендлер вызывается при изменении диапазона дат.

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

    • (dateArray: [string, string]): void

    • Параметры

      • dateArray: [string, string]

        Новый диапазон дат.

      Возвращает void

onClear?: () => void

Вызывается при очистке диапазона дат.

onClose?: () => void

Вызывается при закрытии виджета.

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

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

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

onVisibleChange?: (isOpen: boolean) => void

Вызывается при изменении видимости виджета.

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

    • (isOpen: boolean): void

    • Параметры

      • isOpen: boolean

        Текущее состояние видимости.

      Возвращает void

pickerType?: "dateRange" | "dateTimeRange"

Тип выбора: диапазон дат или диапазон даты/времени.

placeholder?: [string, string]

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

size?: Universe.Platform.Uikit.SIZE

Размер инпута

validRange?: [Universe.Vendor.Moment.Moment, Universe.Vendor.Moment.Moment]

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

value?: [string, string]

Текущее значение диапазона дат.

valueFormat: string

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

viewFormat: string

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

© Авторские права 2025, Юниверс Дата.

Настройки

Видимость элементов?

На этой странице

Свойства