menu

Blazor

  • Code Examples
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class TimePickerModel<T> - Blazor API Reference | Syncfusion

    Show / Hide Table of Contents

    Class TimePickerModel<T>

    Interface for a class TimePicker.

    Inheritance
    System.Object
    TimePickerModel<T>
    Namespace: Syncfusion.Blazor.Calendars
    Assembly: Syncfusion.Blazor.dll
    Syntax
    public class TimePickerModel<T> : Object
    Type Parameters
    Name Description
    T

    .

    Constructors

    TimePickerModel()

    Declaration
    public TimePickerModel()

    Properties

    AllowEdit

    Specifies a boolean value whether the TimePicker allows user to change the value via typing. When set as false, the TimePicker allows user to change the value via picker only.

    Declaration
    public bool AllowEdit { get; set; }
    Property Value
    Type
    System.Boolean

    Blur

    Triggers when the input loses the focus.

    Declaration
    public EventCallback<object> Blur { get; set; }
    Property Value
    Type
    Microsoft.AspNetCore.Components.EventCallback<System.Object>

    Change

    Triggers when the time value is changed.

    Declaration
    public EventCallback<object> Change { get; set; }
    Property Value
    Type
    Microsoft.AspNetCore.Components.EventCallback<System.Object>

    Cleared

    Triggers when TimePicker value is cleared using clear button.

    Declaration
    public EventCallback<object> Cleared { get; set; }
    Property Value
    Type
    Microsoft.AspNetCore.Components.EventCallback<System.Object>

    Close

    Triggers when the popup is closed.

    Declaration
    public EventCallback<object> Close { get; set; }
    Property Value
    Type
    Microsoft.AspNetCore.Components.EventCallback<System.Object>

    Created

    Triggers when the TimePicker is created.

    Declaration
    public EventCallback<object> Created { get; set; }
    Property Value
    Type
    Microsoft.AspNetCore.Components.EventCallback<System.Object>

    CssClass

    Specifies the CSS class name that can be appended with the root element of the TimePicker. One or more custom CSS classes can be added to a TimePicker.

    Declaration
    public string CssClass { get; set; }
    Property Value
    Type
    System.String

    Destroyed

    Triggers when the TimePicker is destroyed.

    Declaration
    public EventCallback<object> Destroyed { get; set; }
    Property Value
    Type
    Microsoft.AspNetCore.Components.EventCallback<System.Object>

    Enabled

    Specifies a boolean value that indicates whether the TimePicker allows the user to interact with it.

    Declaration
    public bool Enabled { get; set; }
    Property Value
    Type
    System.Boolean

    EnablePersistence

    Enable or disable persisting TimePicker's state between page reloads. If enabled, the Value state will be persisted.

    Declaration
    public bool EnablePersistence { get; set; }
    Property Value
    Type
    System.Boolean

    EnableRtl

    Enable or disable rendering TimePicker in right to left direction.

    Declaration
    public bool EnableRtl { get; set; }
    Property Value
    Type
    System.Boolean

    FloatLabelType

    Specifies the floating label behavior of the TimePicker that the placeholder text floats above the TimePicker based on the following values.

    Possible values are:

    • NeverNever floats the label in the TimePicker when the placeholder is available.
    • AlwaysThe floating label always floats above the TimePicker.
    • AutoThe floating label floats above the TimePicker after focusing it or when enters the value in it.
    .
    Declaration
    public FloatLabelType FloatLabelType { get; set; }
    Property Value
    Type
    FloatLabelType

    Focus

    Triggers when the input gets focus.

    Declaration
    public EventCallback<object> Focus { get; set; }
    Property Value
    Type
    Microsoft.AspNetCore.Components.EventCallback<System.Object>

    Format

    Specifies the format of the value that to be displayed in TimePicker.

    By default, the format is based on the culture.

    .
    Declaration
    public string Format { get; set; }
    Property Value
    Type
    System.String

    HtmlAttributes

    You can add the additional input attributes such as disabled, value, and more to the root element.

    If you configured both the property and equivalent input attribute, then the TimePicker considers the property value.

    .
    Declaration
    public object HtmlAttributes { get; set; }
    Property Value
    Type
    System.Object

    ItemRender

    Triggers while rendering the each popup list item.

    Declaration
    public EventCallback<object> ItemRender { get; set; }
    Property Value
    Type
    Microsoft.AspNetCore.Components.EventCallback<System.Object>

    KeyConfigs

    Customizes the key actions in TimePicker. For example, when using German keyboard, the key actions can be customized using these shortcuts.

    Declaration
    public object KeyConfigs { get; set; }
    Property Value
    Type
    System.Object

    Locale

    Specifies the global culture and localization of the TimePicker.

    Declaration
    public string Locale { get; set; }
    Property Value
    Type
    System.String

    Max

    Gets or sets the maximum time value that can be allowed to select in TimePicker.

    Declaration
    public DateTime Max { get; set; }
    Property Value
    Type
    System.DateTime

    Min

    Gets or sets the minimum time value that can be allowed to select in TimePicker.

    Declaration
    public DateTime Min { get; set; }
    Property Value
    Type
    System.DateTime

    Open

    Triggers when the popup is opened.

    Declaration
    public EventCallback<object> Open { get; set; }
    Property Value
    Type
    Microsoft.AspNetCore.Components.EventCallback<System.Object>

    Placeholder

    Specifies the text that is shown as a hint or placeholder until the user focuses or enter a value in TimePicker. The property is depending on the FloatLabelType property.

    Declaration
    public string Placeholder { get; set; }
    Property Value
    Type
    System.String

    Readonly

    Specifies a boolean value whether the TimePicker allows the user to change the text.

    Declaration
    public bool Readonly { get; set; }
    Property Value
    Type
    System.Boolean

    ScrollTo

    Specifies the scroll bar position, if there is no value is selected in the popup list or the given value is not present in the popup list.

    Declaration
    public DateTime ScrollTo { get; set; }
    Property Value
    Type
    System.DateTime

    ShowClearButton

    Specifies whether to show or hide the clear icon.

    Declaration
    public bool ShowClearButton { get; set; }
    Property Value
    Type
    System.Boolean

    Step

    Specifies the time interval between the two adjacent time values in the popup list.

    Declaration
    public int Step { get; set; }
    Property Value
    Type
    System.Int32

    StrictMode

    Specifies the TimePicker to act as strict. So that, it allows to enter only a valid time value within a specified range or else it will resets to previous value.

    By default, StrictMode is in false. It allows invalid or out-of-range time value with highlighted error class.

    Declaration
    public bool StrictMode { get; set; }
    Property Value
    Type
    System.Boolean

    Value

    Gets or sets the value of the TimePicker. The value is parsed based on the culture specific time format.

    Declaration
    public T Value { get; set; }
    Property Value
    Type
    T

    Width

    Specifies the width of the TimePicker component.

    Declaration
    public object Width { get; set; }
    Property Value
    Type
    System.Object

    ZIndex

    specifies the z-index value of the timePicker popup element.

    Declaration
    public int ZIndex { get; set; }
    Property Value
    Type
    System.Int32
    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved