timepicker-ui 4.2.0 → 4.2.2

package/README.md

@@ -7,7 +7,7 @@ Modern time picker library built with TypeScript. Works with any framework or va
 [![license](https://img.shields.io/badge/license-MIT-green.svg)](https://img.shields.io/npm/l/timepicker-ui)
 [![Coverage Status](https://coveralls.io/repos/github/pglejzer/timepicker-ui/badge.svg?branch=main)](https://coveralls.io/github/pglejzer/timepicker-ui?branch=main)
 [![Tests](https://github.com/pglejzer/timepicker-ui/actions/workflows/tests.yml/badge.svg)](https://github.com/pglejzer/timepicker-ui/actions/workflows/tests.yml)
-[![Socket Badge](https://badge.socket.dev/npm/package/timepicker-ui/4.2.0)](https://badge.socket.dev/npm/package/timepicker-ui/4.2.0)
+[![Socket Badge](https://badge.socket.dev/npm/package/timepicker-ui/4.2.2)](https://badge.socket.dev/npm/package/timepicker-ui/4.2.2)
 
 [Live Demo](https://timepicker-ui.vercel.app/) • [Documentation](https://timepicker-ui.vercel.app/docs) • [React Wrapper](https://github.com/pglejzer/timepicker-ui-react) • [Changelog](./CHANGELOG.md)
 
@@ -161,6 +161,7 @@ const picker = new TimepickerUI(input, {
   behavior: BehaviorOptions, // Behavior (focus, delays, ID)
   callbacks: CallbacksOptions, // Event handlers
   clearBehavior: ClearBehaviorOptions, // Clear button behavior
+  wheel: WheelOptions, // Wheel/compact-wheel mode configuration
 });
 ```
 
@@ -194,7 +195,7 @@ const picker = new TimepickerUI(input, {
 | `inline`              | object                              | `undefined` | Inline mode configuration                                          |
 | `clearButton`         | boolean                             | `false`     | Show clear button                                                  |
 | `mode`                | `clock` / `wheel` / `compact-wheel` | `clock`     | Picker mode - analog clock, scroll-spinner, or headerless wheel    |
-| `wheel`               | object                              | `undefined` | Wheel/compact-wheel config (placement, hideFooter, commitOnScroll) |
+| `wheel`               | `WheelOptions`                      | `undefined` | Wheel/compact-wheel config (placement, hideFooter, commitOnScroll) |
 
 ### Labels Options
 
@@ -225,6 +226,16 @@ const picker = new TimepickerUI(input, {
 | ------------ | ------- | ------- | --------------------------------------- |
 | `clearInput` | boolean | `true`  | Whether clearing also empties the input |
 
+### Wheel Options
+
+| Property             | Type                      | Default | Description                                                          |
+| -------------------- | ------------------------- | ------- | -------------------------------------------------------------------- |
+| `placement`          | `auto` / `top` / `bottom` | `auto`  | Popover placement in compact-wheel mode                              |
+| `hideFooter`         | boolean                   | `false` | Hide OK/Cancel/Clear buttons — useful with `commitOnScroll`          |
+| `commitOnScroll`     | boolean                   | `false` | Auto-confirm time at end of scroll without pressing OK               |
+| `hideDisabled`       | boolean                   | `false` | Remove disabled values from list instead of dimming them             |
+| `ignoreOutsideClick` | boolean                   | `false` | Prevent picker from closing when clicking outside (wheel modes only) |
+
 ### Callbacks Options
 
 | Property         | Type     | Description              |

package/dist/index.d.ts

@@ -908,21 +908,21 @@ declare class TimepickerUI {
      * @param handler - The function to handle the event.
      * @returns - void
      */
-    on<K extends keyof TimepickerEventMap>(event: K, handler: () => void): void;
+    on<K extends keyof TimepickerEventMap>(event: K, handler: (data: TimepickerEventMap[K]) => void): void;
     /**
      * Subscribe to a timepicker event with a handler function that will be called only once.
      * @param event - The name of the event to subscribe to.
      * @param handler - The function to handle the event.
      * @returns - void
      */
-    once<K extends keyof TimepickerEventMap>(event: K, handler: () => void): void;
+    once<K extends keyof TimepickerEventMap>(event: K, handler: (data: TimepickerEventMap[K]) => void): void;
     /**
      * Unsubscribe from a timepicker event. If a handler is provided, only that handler will be removed. If no handler is provided, all handlers for the event will be removed.
      * @param event - The name of the event to unsubscribe from.
      * @param handler - The function to handle the event.
      * @returns - void
      */
-    off<K extends keyof TimepickerEventMap>(event: K, handler?: () => void): void;
+    off<K extends keyof TimepickerEventMap>(event: K, handler?: (data: TimepickerEventMap[K]) => void): void;
     private resolveInputElement;
     private createWrapperElement;
     /**
@@ -1054,4 +1054,4 @@ declare class PluginRegistryClass {
 declare const PluginRegistry: PluginRegistryClass;
 
 export { CoreState, EventEmitter, PluginRegistry, TimepickerUI, TimepickerUI as default };
-export type { BehaviorOptions, CallbacksOptions, CancelEventData, ClearBehaviorOptions, ClearEventData, ClockOptions, ConfirmEventData, ErrorEventData, HideEventData, LabelsOptions, OpenEventData, OptionTypes, Plugin, PluginFactory, PluginManager, RangeConfirmEventData, RangeOptions, RangeSwitchEventData, RangeValidationEventData, SelectAMEventData, SelectHourEventData, SelectMinuteEventData, SelectPMEventData, ShowEventData, SwitchViewEventData, TimepickerEventMap, TimepickerOptions, TimezoneChangeEventData, TimezoneOptions, UIOptions, UpdateEventData, WheelScrollEndEventData, WheelScrollStartEventData };
+export type { BehaviorOptions, CallbacksOptions, CancelEventData, ClearBehaviorOptions, ClearEventData, ClockOptions, ConfirmEventData, ErrorEventData, HideEventData, LabelsOptions, OpenEventData, OptionTypes, Plugin, PluginFactory, PluginManager, RangeConfirmEventData, RangeOptions, RangeSwitchEventData, RangeValidationEventData, SelectAMEventData, SelectHourEventData, SelectMinuteEventData, SelectPMEventData, ShowEventData, SwitchViewEventData, TimepickerEventMap, TimepickerOptions, TimezoneChangeEventData, TimezoneOptions, UIOptions, UpdateEventData, WheelOptions, WheelScrollEndEventData, WheelScrollStartEventData };

package/dist/plugins/range.d.ts

@@ -5,7 +5,7 @@ interface PluginManager {
 
 interface PluginDefinition {
   name: string;
-  factory: (core: never, emitter: never) => PluginManager;
+  factory: (core: any, emitter: any) => PluginManager;
   optionsExtender?: (options: Record<string, unknown>) => void;
 }
 

package/dist/plugins/timezone.d.ts

@@ -5,7 +5,7 @@ interface PluginManager {
 
 interface PluginDefinition {
   name: string;
-  factory: (core: never, emitter: never) => PluginManager;
+  factory: (core: any, emitter: any) => PluginManager;
   optionsExtender?: (options: Record<string, unknown>) => void;
 }
 

package/dist/plugins/wheel.d.ts

@@ -5,7 +5,7 @@ interface PluginManager {
 
 interface PluginDefinition {
   name: string;
-  factory: (core: never, emitter: never) => PluginManager;
+  factory: (core: any, emitter: any) => PluginManager;
   optionsExtender?: (options: Record<string, unknown>) => void;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "timepicker-ui",
-  "version": "4.2.0",
+  "version": "4.2.2",
   "description": "timepicker-ui is a customizable time picker library built with TypeScript, inspired by Google's Material Design. Lightweight, themeable, and easy to integrate.",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",