mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 10:21:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(component): add TimePicker

Browse source 
Closes #28
This commit is contained in:
Eric Liu 2019-12-25 14:23:20 -08:00
commit bf18b7b65a
19 changed files with 201 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/components/TimePicker/TimePicker.Story.svelte Normal file
View file

@ -0,0 +1,23 @@
<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>