Examples

This section provides various examples of how to use the Timepicker component in different scenarios.

Basic Usage

A simple example of the Timepicker component with default settings.

Selected Value:

Using the Timepicker to return time in 'HH:mm' format.

Selected Value:

Using the Timepicker to return time in ISO 8601 format.

Selected Value:

Using the Timepicker to return time in 'MM/DD/YYYY HH:mm' format.

Selected Value:

Using the Timepicker to return time as a JavaScript Date object.

Selected Value:

Using the Timepicker to return time as Unix timestamp in seconds.

Selected Value:

Using the Timepicker to return time as Unix timestamp in milliseconds.

Selected Value:

A Timepicker example that includes seconds in the time selection.

Selected Value:

A Timepicker example without 'Set' and 'Clear' action buttons.

Selected Value:

Ready to implement TimePicker in your application? Explore these resources to get started:

Understand the TimePicker’s layout and parts for easy customization.

Stay up-to-date with the latest releases, features, and fixes.