mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
23 lines
832 B
Svelte
23 lines
832 B
Svelte
<script>
|
|
import Layout from '../../internal/ui/Layout.svelte';
|
|
import TimePicker from './TimePicker.svelte';
|
|
import TimePickerSelect from './TimePickerSelect.svelte';
|
|
import { SelectItem } from '../Select';
|
|
|
|
let value = '';
|
|
let select1 = 'PM';
|
|
let select2 = 'Time zone 1';
|
|
</script>
|
|
|
|
<Layout>
|
|
<TimePicker id="time-picker" {...$$props.timepicker} bind:value>
|
|
<TimePickerSelect {...$$props.select} id="time-picker-select-1" bind:value={select1}>
|
|
<SelectItem value="AM" text="AM" />
|
|
<SelectItem value="PM" text="PM" />
|
|
</TimePickerSelect>
|
|
<TimePickerSelect {...$$props.select} id="time-picker-select-2" bind:value={select2}>
|
|
<SelectItem value="Time zone 1" text="Time zone 1" />
|
|
<SelectItem value="Time zone 2" text="Time zone 2" />
|
|
</TimePickerSelect>
|
|
</TimePicker>
|
|
</Layout>
|