vue2-timepicker
Advanced tools
Comparing version 1.1.3 to 1.1.4
@@ -5,2 +5,10 @@ # CHANGELOG | ||
## v 1.1.4 | ||
### New | ||
- Support customized clear button and dropdown button with the `clearButton` and `dropdownButton` **v-slot** (Thanks to @jost-s). | ||
- Added new `icon` **v-slot** for displaying an extra input icon. | ||
- Added new `fixed-dropdown-button` property, to make the dropdown button always visible. | ||
## v 1.1.3 | ||
@@ -7,0 +15,0 @@ |
{ | ||
"name": "vue2-timepicker", | ||
"version": "1.1.3", | ||
"version": "1.1.4", | ||
"description": "A dropdown time picker (hour|minute|second) for Vue 2.x, with flexible time format support", | ||
@@ -5,0 +5,0 @@ "author": "Phoenix Wong <phoenixyfwong@gmail.com>", |
@@ -872,2 +872,38 @@ # Vue2 Timepicker | ||
## Slots | ||
We introduce three slots in `v.1.1.4` to help you customize the clear button, the dropdown button, and the input icon with your own icon/image. | ||
Slot Name | Position | Description | ||
------------------ | -------- | -------------- | ||
**icon** | _left_ | On the lefthand side of the `<input>` | ||
**clearButton** | _right_ | In the same spot of the default clear button | ||
**dropdownButton** | _right_ | In the same spot of the default dropdown button | ||
> Please note that Vue v2.6.0+ introduces a significant update of the Named Slots syntax. Check the [official documentation](https://vuejs.org/v2/guide/components-slots.html#Named-Slots) for more information. | ||
```html | ||
<!-- For Vue 2.6.0+ --> | ||
<!-- Input icon (image) --> | ||
<vue-timepicker> | ||
<template v-slot:icon> | ||
<img src="$YOUR_ICON_SRC" /> | ||
</template> | ||
</vue-timepicker> | ||
<!-- Customized clear button (image) --> | ||
<vue-timepicker> | ||
<template v-slot:clearButton> | ||
<img src="$YOUR_CUSTOM_IMAGE_SRC" /> | ||
</template> | ||
</vue-timepicker> | ||
<!-- Customized dropdown button (character entity) --> | ||
<vue-timepicker manual-input hide-dropdown> | ||
<template v-slot:dropdownButton>≣</template> | ||
</vue-timepicker> | ||
``` | ||
## Contribution | ||
@@ -874,0 +910,0 @@ |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
1651278
12022
919