Skip to main content

TimePicker API Overview

Initialization

<script>
import { TimePicker } from "@svar-ui/svelte-core";
</script>

<!-- minimal configuration for initialization -->
<TimePicker />
tip
  • Visit the Features Guide to learn more about the control's functionality.
  • Explore the samples to visualize the available features.

TimePicker Properties

cssOptional. Changes the position of the icon in the input
disabledOptional. Defines whether a time picker is disabled
errorOptional. Defines whether error styling is applied to a time picker
formatOptional. Sets the time format for a time picker input
idOptional. Sets an HTML id for a time picker
titleOptional. Sets a tooltip text with additional info about the control
valueOptional. Sets the value of a time picker

TimePicker Events

changeFires when a new option is selected in the time picker