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

refactor(timepicker): forward events, remove dispatch

Browse source
This commit is contained in:
Eric Liu 2019-12-29 19:37:15 -08:00
commit bb18cdf797
3 changed files with 16 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/TimePicker/TimePickerSelect.svelte
View file

@ -9,21 +9,16 @@
export let disabled = false;
export let style = undefined;
import { createEventDispatcher, setContext } from 'svelte';
import { setContext } from 'svelte';
import { writable } from 'svelte/store';
import ChevronDownGlyph from 'carbon-icons-svelte/lib/ChevronDownGlyph';
import { cx } from '../../lib';
const dispatch = createEventDispatcher();
let selected = writable(value);
setContext('TimePickerSelect', { selected });
$: {
selected.set(value);
dispatch('change', $selected);
}
$: selected.set(value);
$: value = $selected;
</script>
@ -39,12 +34,12 @@
{/if}
<select
class={cx('--select-input')}
{id}
{disabled}
{value}
on:change={({ target }) => {
selected.set(target.value);
}}>
}}
{id}
{disabled}
{value}>
<slot />
</select>
<ChevronDownGlyph