@contentful/field-editor-date 2.0.10 → 2.0.11

package/dist/cjs/TimepickerInput.js

@@ -79,7 +79,8 @@ const TimepickerInput = ({ disabled, uses12hClock, time = '12:00', ampm = 'AM',
         return formatToString(uses12hClock, getDefaultTime());
     });
     (0, _react.useEffect)(()=>{
-        setSelectedTime(formatToString(uses12hClock, (0, _datefns.parse)(`${time} ${ampm}`, 'hh:mm a', REF_DATE)));
+        const parsed = uses12hClock ? (0, _datefns.parse)(`${time} ${ampm}`, 'hh:mm a', REF_DATE) : (0, _datefns.parse)(time, 'HH:mm', REF_DATE);
+        setSelectedTime(formatToString(uses12hClock, parsed));
     }, [
         time,
         ampm,

package/dist/cjs/TimepickerInput.spec.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+require("@testing-library/jest-dom/extend-expect");
+const _react1 = require("@testing-library/react");
+const _TimepickerInput = require("./TimepickerInput");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+(0, _react1.configure)({
+    testIdAttribute: 'data-test-id'
+});
+describe('TimepickerInput', ()=>{
+    afterEach(_react1.cleanup);
+    it('renders midnight (00:00) in 24h mode without crashing', ()=>{
+        const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_TimepickerInput.TimepickerInput, {
+            disabled: false,
+            uses12hClock: false,
+            time: "00:00",
+            ampm: "AM",
+            onChange: jest.fn()
+        }));
+        expect(getByTestId('time-input')).toHaveValue('00:00');
+    });
+    it('renders late-night hours (e.g. 23:00) in 24h mode without crashing', ()=>{
+        const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_TimepickerInput.TimepickerInput, {
+            disabled: false,
+            uses12hClock: false,
+            time: "23:00",
+            ampm: "PM",
+            onChange: jest.fn()
+        }));
+        expect(getByTestId('time-input')).toHaveValue('23:00');
+    });
+});

package/dist/esm/TimepickerInput.js

@@ -28,7 +28,8 @@ export const TimepickerInput = ({ disabled, uses12hClock, time = '12:00', ampm =
         return formatToString(uses12hClock, getDefaultTime());
     });
     useEffect(()=>{
-        setSelectedTime(formatToString(uses12hClock, parse(`${time} ${ampm}`, 'hh:mm a', REF_DATE)));
+        const parsed = uses12hClock ? parse(`${time} ${ampm}`, 'hh:mm a', REF_DATE) : parse(time, 'HH:mm', REF_DATE);
+        setSelectedTime(formatToString(uses12hClock, parsed));
     }, [
         time,
         ampm,

package/dist/esm/TimepickerInput.spec.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import '@testing-library/jest-dom/extend-expect';
+import { cleanup, configure, render } from '@testing-library/react';
+import { TimepickerInput } from './TimepickerInput';
+configure({
+    testIdAttribute: 'data-test-id'
+});
+describe('TimepickerInput', ()=>{
+    afterEach(cleanup);
+    it('renders midnight (00:00) in 24h mode without crashing', ()=>{
+        const { getByTestId } = render(/*#__PURE__*/ React.createElement(TimepickerInput, {
+            disabled: false,
+            uses12hClock: false,
+            time: "00:00",
+            ampm: "AM",
+            onChange: jest.fn()
+        }));
+        expect(getByTestId('time-input')).toHaveValue('00:00');
+    });
+    it('renders late-night hours (e.g. 23:00) in 24h mode without crashing', ()=>{
+        const { getByTestId } = render(/*#__PURE__*/ React.createElement(TimepickerInput, {
+            disabled: false,
+            uses12hClock: false,
+            time: "23:00",
+            ampm: "PM",
+            onChange: jest.fn()
+        }));
+        expect(getByTestId('time-input')).toHaveValue('23:00');
+    });
+});

package/dist/types/TimepickerInput.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-date",
-  "version": "2.0.10",
+  "version": "2.0.11",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -57,5 +57,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "843597102068aedcd9206ea63ff2f76bc4428999"
+  "gitHead": "039b71a95db2959bed3977a571b512233a5e375c"
 }