@zohodesk/components 1.0.0-alpha-274 → 1.0.0-alpha-275

package/README.md

@@ -32,6 +32,10 @@ In this Package, we Provide Some Basic Components to Build Web App
 - TextBoxIcon
 - Tooltip
 
+# 1.0.0-alpha-275
+
+- **DateTime** - millisecond and second should work only when customDateFormat is given issue fixed. this fix related to *1.0.0-alpha-272*
+
 # 1.0.0-alpha-274
 
 - **AppContainer** - needTooltip prop added

package/es/DateTime/DateTime.js

@@ -205,9 +205,15 @@ export default class DateTime extends React.PureComponent {
     let milliSec = currentDate.getMilliseconds();
 
     if (isDateTimeField || customDateFormat) {
-      selectedInMillis = datetime.tz.tzToUtc(Date.UTC(year, month, date, hours, mins, sec, milliSec), timeZone);
+      const dateArgs = [year, month, date, hours, mins];
+
+      if (customDateFormat) {
+        dateArgs.push(sec, milliSec);
+      }
+
+      selectedInMillis = datetime.tz.tzToUtc(Date.UTC(...dateArgs), timeZone);
       selectedValue = datetime.ISO(selectedInMillis);
-      formattedValue = formatDate(new Date(year, month, date, hours, mins, sec, milliSec), customDateFormat == null ? is24Hour ? `${dateFormat} HH:mm:ss` : `${dateFormat} hh:mm:ss A` : `${customDateFormat}`);
+      formattedValue = formatDate(new Date(...dateArgs), customDateFormat == null ? is24Hour ? `${dateFormat} HH:mm:ss` : `${dateFormat} hh:mm:ss A` : `${customDateFormat}`);
     } else {
       selectedInMillis = Date.UTC(year, month, date);
       selectedValue = formatDate(new Date(year, month, date), 'YYYY-MM-DD');

package/lib/DateTime/DateTime.js

@@ -41,6 +41,8 @@ var _dateFormatUtils = require("./dateFormatUtils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -276,9 +278,15 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
       var milliSec = currentDate.getMilliseconds();
 
       if (isDateTimeField || customDateFormat) {
-        selectedInMillis = _datetimejs["default"].tz.tzToUtc(Date.UTC(year, month, date, hours, mins, sec, milliSec), timeZone);
+        var dateArgs = [year, month, date, hours, mins];
+
+        if (customDateFormat) {
+          dateArgs.push(sec, milliSec);
+        }
+
+        selectedInMillis = _datetimejs["default"].tz.tzToUtc(Date.UTC.apply(Date, dateArgs), timeZone);
         selectedValue = _datetimejs["default"].ISO(selectedInMillis);
-        formattedValue = (0, _common.formatDate)(new Date(year, month, date, hours, mins, sec, milliSec), customDateFormat == null ? is24Hour ? "".concat(dateFormat, " HH:mm:ss") : "".concat(dateFormat, " hh:mm:ss A") : "".concat(customDateFormat));
+        formattedValue = (0, _common.formatDate)(_construct(Date, dateArgs), customDateFormat == null ? is24Hour ? "".concat(dateFormat, " HH:mm:ss") : "".concat(dateFormat, " hh:mm:ss A") : "".concat(customDateFormat));
       } else {
         selectedInMillis = Date.UTC(year, month, date);
         selectedValue = (0, _common.formatDate)(new Date(year, month, date), 'YYYY-MM-DD');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-alpha-274",
+  "version": "1.0.0-alpha-275",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -51,12 +51,12 @@
     "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
   },
   "devDependencies": {
-    "@zohodesk-private/css-variable-migrator": "^1.0.1",
+    "@zohodesk-private/css-variable-migrator": "^1.0.5",
     "@zohodesk/a11y": "1.3.7",
     "@zohodesk-private/node-plugins": "^1.0.0",
     "@zohodesk/docstool": "1.0.0-alpha-2",
-    "@zohodesk/icons": "1.0.0-beta.125",
-    "@zohodesk/svg": "1.0.0-beta.56",
+    "@zohodesk/icons": "1.0.0-beta.132",
+    "@zohodesk/svg": "1.0.0-beta.59",
     "@zohodesk/variables": "1.0.0-beta.31",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
@@ -69,9 +69,9 @@
     "selectn": "1.1.2"
   },
   "peerDependencies": {
-    "@zohodesk/icons": "1.0.0-beta.125",
+    "@zohodesk/icons": "1.0.0-beta.132",
     "@zohodesk/variables": "1.0.0-beta.31",
-    "@zohodesk/svg": "1.0.0-beta.56",
+    "@zohodesk/svg": "1.0.0-beta.59",
     "@zohodesk/virtualizer": "1.0.3",
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",