mithril-materialized
    Preparing search index...

    Interface TimePickerAttrs

    interface TimePickerAttrs {
        allowFormatToggle?: boolean;
        autoClose?: boolean;
        autocomplete?: "on" | "off";
        autofocus?: boolean | (() => boolean);
        canClear?: boolean;
        class?: string;
        className?: string;
        clearLabel?: string;
        closeLabel?: string;
        cols?: number;
        container?: null | string;
        dataError?: string;
        dataSuccess?: string;
        defaultTime?: string;
        defaultValue?: string;
        dialRadius?: number;
        disabled?: boolean;
        duration?: number;
        fromNow?: number;
        height?: string;
        helperText?: string;
        i18n?: TimepickerI18n;
        iconName?: string;
        id?: string;
        innerRadius?: number;
        isMandatory?: boolean;
        key?: string | number;
        label?: string;
        max?: number;
        maxLength?: number;
        maxValue?: number;
        min?: number;
        minLength?: number;
        minmax?: boolean;
        minValue?: number;
        newRow?: boolean;
        onblur?: (ev: FocusEvent) => void;
        onchange?: (value: string, maxValue?: string) => void;
        onCloseEnd?: () => void;
        onCloseStart?: () => void;
        oninput?: (value: string, maxValue?: string) => void;
        onkeydown?: (ev: KeyboardEvent, value?: string) => void;
        onkeypress?: (ev: KeyboardEvent, value?: string) => void;
        onkeyup?: (ev: KeyboardEvent, value?: string) => void;
        onOpen?: () => void;
        onOpenEnd?: () => void;
        onOpenStart?: () => void;
        onSelect?: (hour: number, minute: number) => void;
        outerRadius?: number;
        pattern?: RegExp;
        placeholder?: string;
        readOnly?: boolean;
        required?: boolean;
        rows?: number;
        showClearBtn?: boolean;
        style?: string;
        tickRadius?: number;
        tooltipPos?: "top" | "bottom" | "left" | "right";
        twelveHour?: boolean;
        useModal?: boolean;
        validate?: (v: string, target?: HTMLInputElement) => string | boolean;
        value?: string;
        valueDisplay?: "auto" | "always" | "none";
        vertical?: boolean;
        vibrate?: boolean;
        onbeforeremove?(this: any, vnode: VnodeDOM<any, any>): void | Promise<any>;
        onbeforeupdate?(
            this: any,
            vnode: Vnode<any, any>,
            old: VnodeDOM<any, any>,
        ): boolean | void;
        oncreate?(this: any, vnode: VnodeDOM<any, any>): any;
        oninit?(this: any, vnode: Vnode<any, any>): any;
        onremove?(this: any, vnode: VnodeDOM<any, any>): any;
        onupdate?(this: any, vnode: VnodeDOM<any, any>): any;
        [property: string]: any;
    }

    Hierarchy (View Summary)

    Indexable

    • [property: string]: any

      Any other virtual element properties, including attributes and event handlers.

    Index

    Properties

    allowFormatToggle? autoClose? autocomplete? autofocus? canClear? class? className? clearLabel? closeLabel? cols? container? dataError? dataSuccess? defaultTime? defaultValue? dialRadius? disabled? duration? fromNow? height? helperText? i18n? iconName? id? innerRadius? isMandatory? key? label? max? maxLength? maxValue? min? minLength? minmax? minValue? newRow? onblur? onchange? onCloseEnd? onCloseStart? oninput? onkeydown? onkeypress? onkeyup? onOpen? onOpenEnd? onOpenStart? onSelect? outerRadius? pattern? placeholder? readOnly? required? rows? showClearBtn? style? tickRadius? tooltipPos? twelveHour? useModal? validate? value? valueDisplay? vertical? vibrate?

    Methods

    onbeforeremove? onbeforeupdate? oncreate? oninit? onremove? onupdate?

    Properties

    allowFormatToggle?: boolean

    Allow format toggle between 12h/24h (for inline mode)

    autoClose?: boolean
    autocomplete?: "on" | "off"

    The autocomplete property sets or returns the value of the autocomplete attribute in a text field. When autocomplete is on, the browser automatically complete values based on values that the user has entered before.

    'on'
    autofocus?: boolean | (() => boolean)

    When true, add the autofocus attribute to the input field.

    canClear?: boolean

    Show a clear button (small 'x') to clear the input value. Only valid for TextInput.

    class?: string

    The class name(s) for this virtual element, as a space-separated list.

    className?: string

    The class name(s) for this virtual element, as a space-separated list.

    clearLabel?: string

    Clear button label

    closeLabel?: string

    Close button label

    cols?: number

    Number of cols of a textarea

    container?: null | string
    dataError?: string

    Will replace the helperText, if any, when the input is invalid.

    dataSuccess?: string

    Will replace the helperText, if any, when the input is valid.

    defaultTime?: string
    defaultValue?: string

    Initial value for uncontrolled mode. Only used when value and oninput are not provided. In uncontrolled mode, the component manages its own internal state.

    dialRadius?: number
    disabled?: boolean

    Sets the input field to disabled.

    duration?: number
    fromNow?: number
    height?: string

    For vertical range inputs: height of the slider

    helperText?: string

    Add a description underneath the input field.

    i18n?: TimepickerI18n
    iconName?: string

    Uses Materialize icons as a prefix or postfix.

    id?: string

    Optional ID.

    innerRadius?: number
    isMandatory?: boolean

    If true, add a mandatory * after the label (if any), and add the required and aria-required attributes to the input element.

    key?: string | number

    Unique key for use of the element in an array.

    label?: string

    Optional label.

    max?: number

    When input type is a number, optionally specify the maximum value.

    maxLength?: number

    When input type is a text or text area, optionally specify the maximum length.

    maxValue?: number

    For range inputs with minmax: initial maximum value

    min?: number

    When input type is a number, optionally specify the minimum value.

    minLength?: number

    When input type is a text or text area, optionally specify the minimum length.

    minmax?: boolean

    For range inputs: enable dual thumb (min/max) range selection

    minValue?: number

    For range inputs with minmax: initial minimum value

    newRow?: boolean

    If true, break to a new row

    onblur?: (ev: FocusEvent) => void

    Invoked when the element looses focus

    onchange?: (value: string, maxValue?: string) => void

    Invoked when the input looses focus. For range sliders with minmax, second parameter is maxValue.

    onCloseEnd?: () => void
    onCloseStart?: () => void
    oninput?: (value: string, maxValue?: string) => void

    Invoked when the value changes (immediate feedback). For range sliders with minmax, second parameter is maxValue.

    onkeydown?: (ev: KeyboardEvent, value?: string) => void

    Key down event

    onkeypress?: (ev: KeyboardEvent, value?: string) => void

    Key press event

    onkeyup?: (ev: KeyboardEvent, value?: string) => void

    Key up event

    onOpen?: () => void
    onOpenEnd?: () => void
    onOpenStart?: () => void
    onSelect?: (hour: number, minute: number) => void
    outerRadius?: number
    pattern?: RegExp

    The pattern property sets or returns the value of the pattern attribute of a text field. The pattern attribute specifies a regular expression that the text field's value is checked against.

    placeholder?: string

    Add a a placeholder to the input field.

    readOnly?: boolean

    The readOnly property sets or returns whether a text field is read-only, or not. A read-only field cannot be modified. However, a user can tab to it, highlight it, and copy the text from it.

    required?: boolean

    Add the required and aria-required attributes to the input element

    rows?: number

    Number of rows of a textarea

    showClearBtn?: boolean
    style?: string

    Optional style information.

    tickRadius?: number
    tooltipPos?: "top" | "bottom" | "left" | "right"

    For range inputs with valueDisplay: position of value tooltips

    twelveHour?: boolean
    useModal?: boolean

    Use inline mode (HTML5 time input) instead of modal, default true

    validate?: (v: string, target?: HTMLInputElement) => string | boolean

    When returning true or an empty string, clear the custom validity (= valid). When returning false, set the custom validity message to a default string string. When returning a non-empty string, set the custom validity message to this string.

    value?: string

    Current value of the input field. If provided along with oninput, the component operates in controlled mode where the parent manages the state. The parent must update this value in response to oninput callbacks.

    valueDisplay?: "auto" | "always" | "none"

    For range inputs: control value display behavior. 'auto' shows on drag, 'always' shows always, 'none' never shows

    vertical?: boolean

    For range inputs: render vertically instead of horizontally

    vibrate?: boolean

    Methods

    • The onbeforeremove hook is called before a DOM element is detached from the document. If a Promise is returned, Mithril only detaches the DOM element after the promise completes.

      Parameters

      • this: any
      • vnode: VnodeDOM<any, any>

      Returns void | Promise<any>

    • The onbeforeupdate hook is called before a vnode is diffed in a update.

      Parameters

      • this: any
      • vnode: Vnode<any, any>
      • old: VnodeDOM<any, any>

      Returns boolean | void

    • The oncreate hook is called after a DOM element is created and attached to the document.

      Parameters

      • this: any
      • vnode: VnodeDOM<any, any>

      Returns any

    • The oninit hook is called before a vnode is touched by the virtual DOM engine.

      Parameters

      • this: any
      • vnode: Vnode<any, any>

      Returns any

    • The onremove hook is called before a DOM element is removed from the document.

      Parameters

      • this: any
      • vnode: VnodeDOM<any, any>

      Returns any

    • The onupdate hook is called after a DOM element is updated, while attached to the document.

      Parameters

      • this: any
      • vnode: VnodeDOM<any, any>

      Returns any

    Settings

    Member Visibility

    On This Page

    Properties
    Methods