vue2-timepicker - npm Package Compare versions

Comparing version 1.1.2 to 1.1.3

CHANGELOG.md

@@ -5,2 +5,10 @@ # CHANGELOG
 
+## v 1.1.3
+
+### Improvements
+
+- Enhanced `hide-dropdown` feature -- When the dropdown is hidden by default, users can choose to open the dropdown by clicking the triangle button "▾" (Thanks to @jost-s).
+- Refined `focus` and `blur` event.
+- Minor fixes for the Advanced Keyboard mode.
+
 ## v 1.1.2
@@ -7,0 +15,0 @@

package.json

 {
   "name": "vue2-timepicker",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "A dropdown time picker (hour|minute|second) for Vue 2.x, with flexible time format support",
@@ -5,0 +5,0 @@ "author": "Phoenix Wong <[e-mail]>",

README.md

@@ -522,2 +522,15 @@ # Vue2 Timepicker
 
+### Hide Dropdown
+
+> **NOTE:** To use this feature, you MUST ENABLE the `manual-input` mode _(v.1.1.0+)_ in the first place.
+
+It makes the dropdown picker hidden by default.
+
+```html
+<vue-timepicker manual-input hide-dropdown></vue-timepicker>
+```
+
+Users can still choose to open the dropdown by clicking the triangle ("&dtrif;") button on the right. _(v.1.1.3+)_
+
+
 ### Lazy Event Mode
@@ -532,3 +545,3 @@
 - The user opened the dropdown and picked a new value
-- The user clicked the ("x") clear button
+- The user clicked the ("&times;") clear button
 
@@ -606,2 +619,3 @@ In other words, on `lazy` mode, Timepicker won't emit `input` and `change` events on mounted, nor after the value got modified programmatically.
 **manual-input-timeout**  | _Number_           | no       | 1000
+**hide-dropdown**         | _Boolean_          | no       | false
 **lazy**                  | _Boolean_          | no       | false
@@ -743,4 +757,4 @@ **auto-scroll**           | _Boolean_          | no       | false
 **close**      | &nbsp;         | Emit when the dropdown closes
-**focus**      | &nbsp;         | Emit when the user start focusing on the Timepicker
-**blur**       | &nbsp;         | Emit when the user blurs the Timepicker
+**focus**      | &nbsp;         | Emit when the user start focusing on the `<input>`
+**blur**       | &nbsp;         | Emit when the user blurs the `<input>`
 **error**      | (_eventData_)  | Emit when the input value becomes invalid
@@ -768,3 +782,3 @@
 
-Help to identify focus/blur state of the Vue Timepicker. Especially useful in cases where the dropdown is force hidden by `hide-dropdown` under the Manual Input mode. 
+It works with the Manual Input mode, aimed to identify the focus/blur state of the `<input>` box. Specially useful in cases where the dropdown is force hidden by `hide-dropdown`.
 
@@ -780,3 +794,3 @@ ```javascript
 ```html
-<p>Focus State: I'm {{focusState}}!</p>
+<p>Focus State: {{focusState}}</p>
 
@@ -783,0 +797,0 @@ <vue-timepicker manual-input hide-dropdown @focus="focusState = 'focused'" @blur="focusState = 'blurred'"></vue-timepicker>

No alert changes

Improved metrics

Total package byte prevSize

1638449

increased by0.62%

Lines of code

11984

increased by0.44%

Number of lines in readme file

883

increased by1.61%

No dependency changes