feat(timepicker): support "sm", "xl" size variants

This commit is contained in:
Eric Liu 2020-10-29 13:05:36 -07:00
commit 5a5587c115
5 changed files with 64 additions and 16 deletions

View file

@ -1,4 +1,10 @@
<script>
/**
* Specify the size of the input
* @type {"sm" | "xl"} [size]
*/
export let size = undefined;
/**
* Specify the input value
* @type {string} [value=""]
@ -95,6 +101,8 @@
<div
class:bx--time-picker="{true}"
class:bx--time-picker--light="{light}"
class:bx--time-picker--sm="{size === 'sm'}"
class:bx--time-picker--xl="{size === 'xl'}"
class:bx--select--light="{light}"
>
<div class:bx--time-picker__input="{true}">