Search
    Preparing search index...

    Interface 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?: SIZE;
        validRange?: [Universe.Vendor.Moment.Moment, Universe.Vendor.Moment.Moment];
        value?: [string, string];
        valueFormat: string;
        viewFormat: string;
    }

    Hierarchy

    • Omit<
          CalendarProps,
          "value"
          | "fullscreen"
          | "onSelect"
          | "onChange"
          | "mode"
          | "defaultValue",
      >
      • DateRangePickerProps
    Index

    Properties

    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

    Properties

    additionalDateTemplates?: DateRangePickerDateRangeTemplate[]

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

    allowClear?: boolean

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

    autoFocus?: boolean

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

    className?: string

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

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

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

    Type declaration

    defaultValue?: [string, string]

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

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

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

    Type declaration

    errorMessage?: ReactNode

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

    errorTimeMessage: string

    Текст ошибки при некорректном времени.

    forwardRef?: RefObject<HTMLInputElement>

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

    hasError?: boolean

    Отображает состояние ошибки.

    headerRender?: (prop: CalendarHeaderRenderProp) => ReactNode

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

    Type declaration

    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

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

    Type declaration

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

      • Parameters

        • dateArray: [string, string]

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

        Returns void

    onClear?: () => void

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

    onClose?: () => void

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

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

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

    Type declaration

    onVisibleChange?: (isOpen: boolean) => void

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

    Type declaration

      • (isOpen: boolean): void

      • Parameters

        • isOpen: boolean

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

        Returns void

    pickerType?: "dateRange" | "dateTimeRange"

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

    placeholder?: [string, string]

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

    size?: SIZE

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

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

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

    value?: [string, string]

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

    valueFormat: string

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

    viewFormat: string

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

    On This Page

    Properties