@os-design/core - npm Package Compare versions

Comparing version 1.0.158 to 1.0.159

dist/cjs/DatePicker/DatePickerCalendar.js

@@ -93,3 +93,3 @@ "use strict";
         if (!onChangeRef.current) return;
-        onChangeRef.current(date.getTime() / 1000);
+        onChangeRef.current(date);
       },
@@ -99,3 +99,3 @@ onKeyDown: function onKeyDown(e) {
         if (['Enter', ' '].includes(e.key)) {
-          onChangeRef.current(date.getTime() / 1000);
+          onChangeRef.current(date);
           e.preventDefault();
@@ -102,0 +102,0 @@ }

dist/cjs/DatePicker/index.js

@@ -8,14 +8,14 @@ "use strict";
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("@os-design/utils");
+var _datePickerUtils = require("@os-design/date-picker-utils");
 var _icons = require("@os-design/icons");
 var _media = require("@os-design/media");
-var _datePickerUtils = require("@os-design/date-picker-utils");
 var _theming = require("@os-design/theming");
+var _utils = require("@os-design/utils");
+var _react = _interopRequireWildcard(require("react"));
+var _Button = _interopRequireDefault(require("../Button"));
+var _Modal = _interopRequireDefault(require("../Modal"));
+var _Popover = _interopRequireDefault(require("../Popover"));
 var _Select = require("../Select");
 var _SelectToggle = require("../Select/SelectToggle");
-var _Popover = _interopRequireDefault(require("../Popover"));
-var _Modal = _interopRequireDefault(require("../Modal"));
 var _DatePickerCalendar = _interopRequireDefault(require("./DatePickerCalendar"));
-var _Button = _interopRequireDefault(require("../Button"));
 var _excluded = ["left", "leftHasPadding", "right", "rightHasPadding", "placeholder", "disabled", "format", "firstDayOfWeek", "locale", "value", "defaultValue", "onChange", "size"];
@@ -75,4 +75,4 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
   var formattedValue = (0, _react.useMemo)(function () {
-    if (!forwardedValue) return forwardedValue;
-    return format(new Date(forwardedValue * 1000), locale);
+    if (!forwardedValue) return null;
+    return format(forwardedValue, locale);
   }, [forwardedValue, format, locale]);
@@ -148,3 +148,3 @@ var closeHandler = (0, _react.useCallback)(function () {
     role: "combobox",
-    "aria-label": forwardedValue !== undefined && forwardedValue !== null ? (0, _datePickerUtils.getAccessibilityDateLabel)(new Date(forwardedValue * 1000), locale) : undefined,
+    "aria-label": forwardedValue ? (0, _datePickerUtils.getAccessibilityDateLabel)(forwardedValue, locale) : undefined,
     "aria-disabled": disabled
@@ -151,0 +151,0 @@ }, rest, {

dist/esm/DatePicker/DatePickerCalendar.js

@@ -103,3 +103,3 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
       if (!onChangeRef.current) return;
-      onChangeRef.current(date.getTime() / 1000);
+      onChangeRef.current(date);
     },
@@ -109,3 +109,3 @@ onKeyDown: e => {
       if (['Enter', ' '].includes(e.key)) {
-        onChangeRef.current(date.getTime() / 1000);
+        onChangeRef.current(date);
         e.preventDefault();
@@ -112,0 +112,0 @@ }

dist/esm/DatePicker/index.js

 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { forwardRef, useCallback, useMemo, useState } from 'react';
-import { useForwardedRef, useForwardedState, useKeyPress } from '@os-design/utils';
+import { defaultFormat, defaultLocale, getAccessibilityDateLabel } from '@os-design/date-picker-utils';
 import { Down, Up } from '@os-design/icons';
 import { useIsMinWidth } from '@os-design/media';
-import { defaultLocale, defaultFormat, getAccessibilityDateLabel } from '@os-design/date-picker-utils';
 import { ThemeOverrider } from '@os-design/theming';
+import { useForwardedRef, useForwardedState, useKeyPress } from '@os-design/utils';
+import React, { forwardRef, useCallback, useMemo, useState } from 'react';
+import Button from '../Button';
+import Modal from '../Modal';
+import Popover from '../Popover';
 import { SelectContainer } from '../Select';
-import { Content, LeftAddon, RightAddon, ClearIcon, IconContainer, Placeholder, Title } from '../Select/SelectToggle';
-import Popover from '../Popover';
-import Modal from '../Modal';
+import { ClearIcon, Content, IconContainer, LeftAddon, Placeholder, RightAddon, Title } from '../Select/SelectToggle';
 import DatePickerCalendar from './DatePickerCalendar';
-import Button from '../Button';
 /**
@@ -41,4 +41,4 @@ * The component to choose a date.
   const formattedValue = useMemo(() => {
-    if (!forwardedValue) return forwardedValue;
-    return format(new Date(forwardedValue * 1000), locale);
+    if (!forwardedValue) return null;
+    return format(forwardedValue, locale);
   }, [forwardedValue, format, locale]);
@@ -110,3 +110,3 @@ const closeHandler = useCallback(() => {
     role: "combobox",
-    "aria-label": forwardedValue !== undefined && forwardedValue !== null ? getAccessibilityDateLabel(new Date(forwardedValue * 1000), locale) : undefined,
+    "aria-label": forwardedValue ? getAccessibilityDateLabel(forwardedValue, locale) : undefined,
     "aria-disabled": disabled
@@ -113,0 +113,0 @@ }, rest, {

dist/types/DatePicker/DatePickerCalendar.d.ts

@@ -6,4 +6,4 @@ import React from 'react';
     locale: DatePickerLocale;
-    value?: number | null;
-    onChange?: (value: number) => void;
+    value?: Date | null;
+    onChange?: (value: Date) => void;
 }
@@ -10,0 +10,0 @@ declare const DatePickerCalendar: React.FC<DatePickerCalendarProps>;

dist/types/DatePicker/index.d.ts

@@ -0,4 +1,4 @@
+import { DatePickerLocale } from '@os-design/date-picker-utils';
+import { WithSize } from '@os-design/styles';
 import React from 'react';
-import { WithSize } from '@os-design/styles';
-import { DatePickerLocale } from '@os-design/date-picker-utils';
 declare type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'value' | 'defaultValue' | 'onChange' | 'ref'>;
@@ -15,5 +15,5 @@ export interface DatePickerProps extends JsxDivProps, WithSize {
     locale?: DatePickerLocale;
-    value?: number | null;
-    defaultValue?: number | null;
-    onChange?: (value: number | null) => void;
+    value?: Date | null;
+    defaultValue?: Date | null;
+    onChange?: (value: Date | null) => void;
 }
@@ -20,0 +20,0 @@ declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;

package.json

 {
   "name": "@os-design/core",
-  "version": "1.0.158",
+  "version": "1.0.159",
   "license": "UNLICENSED",
@@ -32,3 +32,3 @@ "repository": "[e-mail]:os-team/libs/os-design.git",
   "dependencies": {
-    "@os-design/date-picker-utils": "^1.0.9",
+    "@os-design/date-picker-utils": "^1.0.10",
     "@os-design/icons": "^1.0.41",
@@ -62,3 +62,3 @@ "@os-design/input-number-utils": "^1.0.16",
   },
-  "gitHead": "1f7502d2714949d3dabaa8e103a4e315fda8e2f8"
+  "gitHead": "8081e5c34fd6411d7ca98a699f97fa726e32ce0b"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

1928059

decreased by-0.05%

Dependency changes

• Updated@os-design/date-picker-utils@^1.0.10