vue2-timepicker - npm Package Versions

v 1.1.6

New

• Support appending the dropdown menu to the document body with append-to-body

Improvements

• In Manual Input mode, support jumping to the next token slot with a colon (:) or space ( ) key.
• Return full data on blur and close events as per the change event.

v 1.1.5

New

• Support changing dropdown direction with the drop-direction property. It accepts three string values: "up", "auto" and "down" (default).
• Additional container-id and drop-offset-height as helpers for the "auto" drop direction. Please check the documentation for more info.

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

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

New

More powerful format string parameter. E.g., you can hide the "hour" column by setting format="mm:ss", or make AM/PM the first column by format="A hh:ss", no extra CSS hacking needed. Please check the Demo page for more examples.

Improvements

• Support shift+tab to navigate to the previous token slot in the Manual Input mode (Thanks to @jost-s).
• Other minor keyboard navigation enhancements for Manual Input mode

v 1.1.1

Improvements

Instant feedback after manual input. Plus, add a new manual-input-timeout property to help set up the timeout for continuous input (Thanks to @jost-s).

Notes for Contributors

We've upgraded to use vue-cli v4 in this version. Please check the CONTRIBUTING.md for more info.

v 1.1.0

New

• Support manually input values with the manual-input toggle.
• Enable to hide the dropdown menu with hide-dropdown in Manual Input (manual-input) mode.
• Added conditional helper classes is-empty, invalid and all-selected to the <input> element.
• Change the <input> border to red color when user input is invalid. E.g., when it contains a disabled hour value. You can mute this auto-styling by adding "skip-error-style" to input-class.
• Add support to the autocomplete attribute.
• Emit error event when the input value becomes invalid.
• Emit focus and blur events to help to identify the focus/blur state. Useful when the dropdown is force hidden by hide-dropdown.

Improvements

Enable seamless loop from the start or end of a column in advanced-keyboard mode.