This section explains the list of events of the TimePicker component which will be triggered for appropriate TimePicker actions.
Event Name(v17.1.*) |
Event Name(v17.2.*) |
|---|---|
| change | ValueChange |
| close | OnClose |
| itemRender | OnItemRender |
| open | OnOpen |
Blur event triggers when the input loses the focus.
@using Syncfusion.Blazor.Calendars
<SfTimePicker TValue="DateTime?">
<TimePickerEvents TValue="DateTime?" Blur="BlurHandler"></TimePickerEvents>
</SfTimePicker>
@code{
public void BlurHandler(Syncfusion.Blazor.Calendars.BlurEventArgs args)
{
// Here you can customize your code
}
}ValueChange event triggers when the Calendar value is changed.
@using Syncfusion.Blazor.Calendars
<SfTimePicker TValue="DateTime?">
<TimePickerEvents TValue="DateTime?" ValueChange="ValueChangeHandler"></TimePickerEvents>
</SfTimePicker>
@code{
public void ValueChangeHandler(Syncfusion.Blazor.Calendars.ChangeEventArgs<DateTime?> args)
{
// Here you can customize your code
}
}OnClose event triggers when popup is closed.
@using Syncfusion.Blazor.Calendars
<SfTimePicker TValue="DateTime?">
<TimePickerEvents TValue="DateTime?" OnClose="OnCloseHandler"></TimePickerEvents>
</SfTimePicker>
@code{
public void OnCloseHandler(Syncfusion.Blazor.Calendars.PopupEventArgs args)
{
// Here you can customize your code
}
}Created event triggers when the component is created.
@using Syncfusion.Blazor.Calendars
<SfTimePicker TValue="DateTime?">
<TimePickerEvents TValue="DateTime?" Created="CreatedHandler"></TimePickerEvents>
</SfTimePicker>
@code{
public void CreatedHandler(object args)
{
// Here you can customize your code
}
}Destroyed event triggers when the component is destroyed.
@using Syncfusion.Blazor.Calendars
<SfTimePicker TValue="DateTime?">
<TimePickerEvents TValue="DateTime?" Destroyed="DestroyHandler"></TimePickerEvents>
</SfTimePicker>
@code{
public void DestroyHandler(object args)
{
// Here you can customize your code
}
}Focus event triggers when the input gets focus.
@using Syncfusion.Blazor.Calendars
<SfTimePicker TValue="DateTime?">
<TimePickerEvents TValue="DateTime" Focus="FocusHandler"></TimePickerEvents>
</SfTimePicker>
@code{
public void FocusHandler(Syncfusion.Blazor.Calendars.FocusEventArgs args)
{
// Here you can customize your code
}
}OnItemRender event triggers while rendering the each popup list item.
@using Syncfusion.Blazor.Calendars
<SfTimePicker TValue="DateTime?">
<TimePickerEvents TValue="DateTime?" OnItemRender="OnItemRenderHandler"></TimePickerEvents>
</SfTimePicker>
@code{
public void OnItemRenderHandler(Syncfusion.Blazor.Calendars.ItemEventArgs<DateTime?> args)
{
// Here you can customize your code
}
}OnOpen event triggers when popup is opened.
@using Syncfusion.Blazor.Calendars
<SfTimePicker TValue="DateTime?">
<TimePickerEvents TValue="DateTime?" OnOpen="OpenHandler"></TimePickerEvents>
</SfTimePicker>
@code{
public void OpenHandler(Syncfusion.Blazor.Calendars.PopupEventArgs args)
{
// Here you can customize your code
}
}TimePicker will be limited with these events and new events will be added in future based on the user requests. If the event you are looking for is not in the list, then please request
here.