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

fix(time-picker-select): change select to selectValue

Browse source
This commit is contained in:
Eric Liu 2019-12-31 16:18:43 -08:00
commit be094b9096
3 changed files with 29 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/TimePicker/TimePicker.svelte
View file

@ -1,19 +1,19 @@
<script>
let className = undefined;
export { className as class };
export let id = Math.random();
export let value = '';
export let labelText = '';
export let disabled = false;
export let hideLabel = false;
export let type = 'text';
export let id = Math.random();
export let invalid = false;
export let invalidText = 'Invalid time format.';
export let labelText = '';
export let light = false;
export let maxlength = 5;
export let pattern = '(1[012]|[1-9]):[0-5][0-9](\\s)?';
export let placeholder = 'hh=mm';
export let maxlength = 5;
export let invalidText = 'Invalid time format.';
export let invalid = false;
export let disabled = false;
export let light = false;
export let style = undefined;
export let type = 'text';
export let value = '';
import { cx } from '../../lib';
</script>

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

@ -1,25 +1,25 @@
<script>
let className = undefined;
export { className as class };
export let id = Math.random();
export let value = '';
export let labelText = '';
export let disabled = false;
export let hideLabel = true;
export let iconDescription = 'Open list of options';
export let disabled = false;
export let id = Math.random();
export let labelText = '';
export let style = undefined;
export let value = '';
import { setContext } from 'svelte';
import { writable } from 'svelte/store';
import ChevronDownGlyph from 'carbon-icons-svelte/lib/ChevronDownGlyph';
import { cx } from '../../lib';
let selected = writable(value);
let selectedValue = writable(value);
setContext('TimePickerSelect', { selected });
setContext('TimePickerSelect', { selectedValue });
$: selected.set(value);
$: value = $selected;
$: selectedValue.set(value);
$: value = $selectedValue;
</script>
<div
@ -35,7 +35,7 @@
<select
class={cx('--select-input')}
on:change={({ target }) => {
selected.set(target.value);
selectedValue.set(target.value);
}}
{id}
{disabled}