react-time-picker - npm Package Compare versions

Comparing version 6.2.1 to 6.3.0

dist/cjs/TimeInput.js

 "use strict";
+'use client';
 var __assign = (this && this.__assign) || function () {
@@ -3,0 +4,0 @@ __assign = Object.assign || function(t) {

dist/cjs/TimePicker.js

 "use strict";
+'use client';
 var __assign = (this && this.__assign) || function () {
@@ -3,0 +4,0 @@ __assign = Object.assign || function(t) {

dist/esm/TimeInput.js

@@ -0,1 +1,2 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
@@ -2,0 +3,0 @@ __assign = Object.assign || function(t) {

dist/esm/TimePicker.js

@@ -0,1 +1,2 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
@@ -2,0 +3,0 @@ __assign = Object.assign || function(t) {

package.json

 {
   "name": "react-time-picker",
-  "version": "6.2.1",
+  "version": "6.3.0",
   "description": "A time picker for your React app.",
@@ -43,3 +43,3 @@ "main": "dist/cjs/index.js",
     "react-clock": "^4.3.0",
-    "react-fit": "^1.5.1",
+    "react-fit": "^1.6.0",
     "update-input-width": "^1.3.1"
@@ -53,2 +53,3 @@ },
     "@types/node": "*",
+    "@types/react": "*",
     "eslint": "^8.26.0",
@@ -69,5 +70,11 @@ "eslint-config-wojtekmaj": "^0.9.0",
   "peerDependencies": {
+    "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
   "publishConfig": {
@@ -74,0 +81,0 @@ "access": "public",

README.md

@@ -49,4 +49,4 @@ [![npm](https://img.shields.io/npm/v/react-time-picker.svg)](https://www.npmjs.com/package/react-time-picker) ![downloads](https://img.shields.io/npm/dt/react-time-picker.svg) [![CI](https://github.com/wojtekmaj/react-time-picker/workflows/CI/badge.svg)](https://github.com/wojtekmaj/react-time-picker/actions)
 
-```js
-import React, { useState } from 'react';
+```tsx
+import { useState } from 'react';
 import TimePicker from 'react-time-picker';
@@ -69,3 +69,3 @@
 
-```js
+```ts
 import 'react-time-picker/dist/TimePicker.css';
@@ -93,3 +93,3 @@ import 'react-clock/dist/Clock.css';
 | clockIcon            | Content of the clock button. Setting the value explicitly to `null` will hide the icon.                                                                                                                      | (default icon)          | <ul><li>String: `"Clock"`</li><li>React element: `<ClockIcon />`</li><li>React function: `ClockIcon`</li></ul>                                                                                                                        |
-| closeClock           | Whether to close the clock on value selection. Note: It's recommended to use shouldCloseClock function instead.                                                                                              | `true`                  | `false`                                                                                                                                                                                                                               |
+| closeClock           | Whether to close the clock on value selection. **Note**: It's recommended to use shouldCloseClock function instead.                                                                                          | `true`                  | `false`                                                                                                                                                                                                                               |
 | data-testid          | `data-testid` attribute for the main React-Time-Picker `<div>` element.                                                                                                                                      | n/a                     | `"date-picker"`                                                                                                                                                                                                                       |
@@ -115,3 +115,3 @@ | disabled             | Whether the time picker should be disabled.                                                                                                                                                                  | `false`                 | `true`                                                                                                                                                                                                                                |
 | onInvalidChange      | Function called when the user picks an invalid time.                                                                                                                                                         | n/a                     | `() => alert('Invalid time')`                                                                                                                                                                                                         |
-| openClockOnFocus     | Whether to open the clock on input focus. Note: It's recommended to use shouldOpenClock function instead.                                                                                                    | `true`                  | `false`                                                                                                                                                                                                                               |
+| openClockOnFocus     | Whether to open the clock on input focus. **Note**: It's recommended to use shouldOpenClock function instead.                                                                                                | `true`                  | `false`                                                                                                                                                                                                                               |
 | portalContainer      | Element to render the clock in using portal.                                                                                                                                                                 | n/a                     | `document.getElementById('my-div')`                                                                                                                                                                                                   |
@@ -118,0 +118,0 @@ | required             | Whether date input should be required.                                                                                                                                                                       | `false`                 | `true`                                                                                                                                                                                                                                |

No alert changes

Improved metrics

Total package byte prevSize

314690

0.08%

Lines of code

6983

0.09%

Worsened metrics

Dependency count

11

10%

Dev dependency count

19

5.56%

Dependency changes

• + Added

  @types/prop-types@15.7.15
  (transitive)

• + Added

  @types/react@18.3.23
  (transitive)

• + Added

  csstype@3.1.3
  (transitive)

• Updated

  react-fit@^1.6.0