mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
67 lines
1.9 KiB
Svelte
67 lines
1.9 KiB
Svelte
<script lang="ts">
|
|
import {
|
|
TimePicker,
|
|
TimePickerSelect,
|
|
SelectItem,
|
|
} from "carbon-components-svelte";
|
|
</script>
|
|
|
|
<TimePicker
|
|
spellcheck={false}
|
|
labelText="Cron job"
|
|
placeholder="hh:mm"
|
|
on:paste
|
|
>
|
|
<TimePickerSelect value="PM">
|
|
<SelectItem value="am" text="AM" />
|
|
<SelectItem value="pm" text="PM" />
|
|
</TimePickerSelect>
|
|
<TimePickerSelect value="PDT">
|
|
<SelectItem value="pdt" text="PDT" />
|
|
<SelectItem value="gmt" text="GMT" />
|
|
</TimePickerSelect>
|
|
</TimePicker>
|
|
|
|
<TimePicker light labelText="Cron job" placeholder="hh:mm">
|
|
<TimePickerSelect value="PM">
|
|
<SelectItem value="am" text="AM" />
|
|
<SelectItem value="pm" text="PM" />
|
|
</TimePickerSelect>
|
|
<TimePickerSelect value="PDT">
|
|
<SelectItem value="pdt" text="PDT" />
|
|
<SelectItem value="gmt" text="GMT" />
|
|
</TimePickerSelect>
|
|
</TimePicker>
|
|
|
|
<TimePicker size="xl" labelText="Cron job" placeholder="hh:mm">
|
|
<TimePickerSelect value="PM">
|
|
<SelectItem value="am" text="AM" />
|
|
<SelectItem value="pm" text="PM" />
|
|
</TimePickerSelect>
|
|
<TimePickerSelect value="PDT">
|
|
<SelectItem value="pdt" text="PDT" />
|
|
<SelectItem value="gmt" text="GMT" />
|
|
</TimePickerSelect>
|
|
</TimePicker>
|
|
|
|
<TimePicker size="sm" labelText="Cron job" placeholder="hh:mm">
|
|
<TimePickerSelect value="PM">
|
|
<SelectItem value="am" text="AM" />
|
|
<SelectItem value="pm" text="PM" />
|
|
</TimePickerSelect>
|
|
<TimePickerSelect value="PDT">
|
|
<SelectItem value="pdt" text="PDT" />
|
|
<SelectItem value="gmt" text="GMT" />
|
|
</TimePickerSelect>
|
|
</TimePicker>
|
|
|
|
<TimePicker labelText="Cron job" placeholder="hh:mm" disabled>
|
|
<TimePickerSelect value="PM" disabled>
|
|
<SelectItem value="am" text="AM" />
|
|
<SelectItem value="pm" text="PM" />
|
|
</TimePickerSelect>
|
|
<TimePickerSelect value="PDT" disabled>
|
|
<SelectItem value="pdt" text="PDT" />
|
|
<SelectItem value="gmt" text="GMT" />
|
|
</TimePickerSelect>
|
|
</TimePicker>
|