mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
refactor(timepicker): forward events, remove dispatch
This commit is contained in:
parent
4b1ed0adce
commit
bb18cdf797
3 changed files with 16 additions and 15 deletions
|
@ -23,18 +23,21 @@
|
|||
<div class={cx('--time-picker__input')}>
|
||||
{#if labelText}
|
||||
<label
|
||||
for={id}
|
||||
class={cx('--label', hideLabel && '--visually-hidden', disabled && '--label--disabled')}>
|
||||
class={cx('--label', hideLabel && '--visually-hidden', disabled && '--label--disabled')}
|
||||
for={id}>
|
||||
{labelText}
|
||||
</label>
|
||||
{/if}
|
||||
<input
|
||||
data-invalid={invalid || undefined}
|
||||
class={cx('--time-picker__input-field', '--text-input', light && '--text-input--light', invalid && '--text-input--invalid')}
|
||||
on:change
|
||||
on:input
|
||||
on:input={({ target }) => {
|
||||
value = target.value;
|
||||
}}
|
||||
on:focus
|
||||
on:blur
|
||||
{pattern}
|
||||
{placeholder}
|
||||
{maxlength}
|
||||
|
@ -42,7 +45,6 @@
|
|||
{type}
|
||||
{value}
|
||||
{disabled} />
|
||||
|
||||
</div>
|
||||
<slot />
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue