@zohodesk/components 1.0.0-temp-77 → 1.0.0-temp-78

package/lib/DateTime/dateFormatUtils/yearChange.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getChangedYear = getChangedYear;
+
+var _index = require("./index");
+
+/** * Methods ** */
+function getChangedYear(values, event, focusOrders, keyActions, _ref) {
+  var yearInfo = _ref.yearInfo;
+  var keyCode = event.keyCode,
+      which = event.which;
+  var _values$year = values.year,
+      year = _values$year === void 0 ? '' : _values$year;
+  var _values$day = values.day,
+      day = _values$day === void 0 ? '' : _values$day,
+      _values$month = values.month,
+      month = _values$month === void 0 ? '' : _values$month;
+  var isChanged = false; //Year Two Digit case
+
+  var yearLength = yearInfo.length;
+  var oldYear = year; // For get Centuries
+
+  if (yearLength === 2) {
+    year = (0, _index.convertYearToTwoDigit)(year).toString();
+  }
+
+  var newDay = Number.parseInt(day) || 0;
+  var newMonth = Number.parseInt(month) || 0;
+  var newYear = Number.parseInt(year) || 0;
+  var focusOrder = focusOrders.focusOrder;
+  var newFocusOrder = focusOrder;
+  var isNewType = (0, _index.getIsNewValueType)(focusOrders, keyActions);
+
+  var _getYearDetails = (0, _index.getYearDetails)(yearLength),
+      startPoint = _getYearDetails.startPoint,
+      endPoint = _getYearDetails.endPoint,
+      currentYear = _getYearDetails.currentYear;
+
+  if (keyCode === 38) {
+    //up arrow
+    if (newYear === endPoint) {
+      isChanged = true;
+      newYear = startPoint;
+    } else if ((0, _index.getIsEmptyYear)(newYear, yearLength)) {
+      isChanged = true;
+      newYear = currentYear;
+    } else if (!(0, _index.getIsEmptyYear)(newYear, yearLength)) {
+      isChanged = true;
+      newYear += 1;
+    }
+  } else if (keyCode === 40) {
+    //down arrow
+    if (newYear === startPoint) {
+      isChanged = true;
+      newYear = endPoint;
+    } else if ((0, _index.getIsEmptyYear)(newYear, yearLength)) {
+      isChanged = true;
+      newYear = currentYear;
+    } else if (!(0, _index.getIsEmptyYear)(newYear, yearLength)) {
+      isChanged = true;
+      newYear -= 1;
+    }
+  } else if ((0, _index.getIsNumberTyped)(event)) {
+    var keyString = String.fromCharCode(which);
+    var newValue = isNewType ? keyString : year.toString() + keyString;
+    var newValueString = newValue || '';
+    newValue = Number.parseInt(newValue);
+
+    if (isNewType) {
+      isChanged = true;
+      newYear = newValue;
+    } else {
+      isChanged = true;
+
+      if (newValue * 10 > endPoint) {
+        newFocusOrder += 1;
+      }
+
+      if (newValue > endPoint) {
+        // newYear = endPoint;
+        newYear = currentYear;
+      } else if (newValueString.length === yearLength && !newValue) {
+        newFocusOrder += 1;
+        newYear = startPoint;
+      } else if (!newValue) {
+        newYear = newValueString;
+      } else if (newValue * 10 > endPoint && (endPoint < newValue || startPoint > newValue)) {
+        newYear = currentYear;
+      } else {
+        newYear = newValue;
+      }
+    }
+  } else if ((0, _index.getIsDeleteTyped)(keyCode)) {
+    isChanged = true;
+    newYear = '';
+  }
+
+  if (yearLength === 2) {
+    newYear = (0, _index.convertTwoDigitToYear)(newYear, oldYear);
+  }
+
+  var dayEnd = (0, _index.getDayEnd)(newMonth, newYear);
+  var dayChanged = false;
+
+  if (newDay && newDay > dayEnd) {
+    dayChanged = true;
+    newDay = dayEnd;
+  }
+
+  return {
+    day: dayChanged ? newDay : day,
+    year: newYear,
+    isChanged: isChanged,
+    focusOrder: newFocusOrder
+  };
+}

package/lib/DateTime/docs/DateTime__default.docs.js

@@ -0,0 +1,142 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _DateTime = _interopRequireDefault(require("../DateTime"));
+
+var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
+
+var _timezonedata = _interopRequireDefault(require("./timezonedata.json"));
+
+var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var DateTime__default = /*#__PURE__*/function (_React$Component) {
+  _inherits(DateTime__default, _React$Component);
+
+  var _super = _createSuper(DateTime__default);
+
+  function DateTime__default(props) {
+    var _this;
+
+    _classCallCheck(this, DateTime__default);
+
+    _this = _super.call(this, props);
+    _this.state = {
+      dateTime: '2019-01-01T00:00:00.000',
+      date: '2019-01-01',
+      dateTimeformattedValue: '',
+      dateFormattedValue: ''
+    };
+    _this.handleDateTimeChange = _this.handleDateTimeChange.bind(_assertThisInitialized(_this));
+    _this.handleGetMethods = _this.handleGetMethods.bind(_assertThisInitialized(_this));
+    _this.handleDateChange = _this.handleDateChange.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(DateTime__default, [{
+    key: "handleDateTimeChange",
+    value: function handleDateTimeChange(dateTime, dateTimeformattedValue) {
+      this.setState({
+        dateTime: dateTime,
+        dateTimeformattedValue: dateTimeformattedValue
+      });
+    }
+  }, {
+    key: "handleDateChange",
+    value: function handleDateChange(date, dateFormattedValue) {
+      this.setState({
+        date: date,
+        dateFormattedValue: dateFormattedValue
+      });
+    }
+  }, {
+    key: "handleGetMethods",
+    value: function handleGetMethods(methods) {
+      var resetLocalDate = methods.resetLocalDate;
+      this.resetLocalDate = resetLocalDate;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state = this.state,
+          dateTime = _this$state.dateTime,
+          date = _this$state.date,
+          dateFormattedValue = _this$state.dateFormattedValue,
+          dateTimeformattedValue = _this$state.dateTimeformattedValue;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          width: '370px',
+          height: '1000px',
+          padding: '30px'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", null, dateFormattedValue), /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_DateTime["default"], {
+        value: date,
+        onChange: this.handleDateChange,
+        dateFormat: "MM.DD.YYYY",
+        timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone),
+        isAbsolute: false,
+        needAction: false,
+        isDateTimeField: false // onSelect={this.handleDateTimeChange}
+        ,
+        getMethods: this.handleGetMethods // onError={() => {
+        //   this.resetLocalDate();
+        // }}
+        ,
+        isDefaultPosition: true
+      })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", null, dateTimeformattedValue), /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_DateTime["default"], {
+        value: dateTime,
+        onChange: this.handleDateTimeChange,
+        dateFormat: "MM.DD.YYYY",
+        timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone),
+        isAbsolute: false,
+        needAction: false,
+        getMethods: this.handleGetMethods,
+        isDateTimeField: true // onError={() => {
+        //   this.resetLocalDate();
+        // }}
+        ,
+        isDefaultPosition: true
+      })));
+    }
+  }]);
+
+  return DateTime__default;
+}(_react["default"].Component);
+
+exports["default"] = DateTime__default;
+
+if (false) {
+  DateTime__default.docs = {
+    componentGroup: 'Form Elements',
+    folderName: 'Style Guide'
+  };
+}

package/lib/DateTime/docs/DateWidget__default.docs.js

@@ -0,0 +1,240 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _DateWidget = _interopRequireDefault(require("../DateWidget"));
+
+var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
+
+var _timezonedata = _interopRequireDefault(require("./timezonedata.json"));
+
+var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
+
+var _Layout = require("../../Layout");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var DateWidget__default = /*#__PURE__*/function (_React$Component) {
+  _inherits(DateWidget__default, _React$Component);
+
+  var _super = _createSuper(DateWidget__default);
+
+  function DateWidget__default(props) {
+    var _this;
+
+    _classCallCheck(this, DateWidget__default);
+
+    _this = _super.call(this, props);
+    _this.state = {
+      dateTime: '2021-08-13T20:00:00.000Z',
+      date: '1999-04-03'
+    };
+    _this.handleDateChange = _this.handleDateChange.bind(_assertThisInitialized(_this));
+    _this.handleDateTimeChange = _this.handleDateTimeChange.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(DateWidget__default, [{
+    key: "handleDateChange",
+    value: function handleDateChange(date) {
+      this.setState({
+        date: date
+      });
+    }
+  }, {
+    key: "handleDateTimeChange",
+    value: function handleDateTimeChange(dateTime) {
+      this.setState({
+        dateTime: dateTime
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var i18nKey = {
+        submitText: 'OK',
+        cancelText: 'Close',
+        timeText: 'Choose Time',
+        nextMonthTitleText: 'Go Next',
+        prevMonthTitleText: 'Go Prev',
+        monthNames: ['ஜனவரி', 'பிப்ரவரி', 'மார்ச்', 'ஏப்ரல்', 'மே', 'ஜூன்', 'ஜூலை', 'ஆகஸ்ட்', 'செப்டம்பர்', 'அக்டோபர்', 'நவம்பர்', 'டிசம்பர்'],
+        monthNamesShort: ['ஜன', 'பிப்', 'மார்', 'ஏப்', 'மே', 'ஜூன்', 'ஜூலை', 'ஆக', 'செப்', 'அக்', 'நவ', 'டிச'],
+        dayNames: ['ஞாயிறு', 'திங்கள்', 'செவ்வாய்', 'புதன்', 'வியாழன்', 'வெள்ளி', 'சனி'],
+        dayNamesShort: ['ஞா', 'தி', 'செ', 'பு', 'வி', 'வெ', 'ச'],
+        ampmText: ['மு.ப', 'பி.ப']
+      };
+      var dataFormats = ['YYYY/MM/DD', 'YYYY-MM-DD', 'YYYY.MM.DD', 'YYYY MM DD', 'MM/DD/YYYY', 'MM-DD-YYYY', 'MM.DD.YYYY', 'MM DD YYYY', 'DD/MM/YYYY', 'DD-MM-YYYY', 'DD.MM.YYYY', 'DD MM YYYY', 'YYYY/MMM/DD', 'YYYY-MMM-DD', 'YYYY.MMM.DD', 'YYYY MMM DD', 'MMM/DD/YYYY', 'MMM-DD-YYYY', 'MMM.DD.YYYY', 'MMM DD YYYY', 'DD/MMM/YYYY', 'DD-MMM-YYYY', 'DD.MMM.YYYY', 'DD MMM YYYY', 'DD/MMMM/YYYY', 'DD-MMMM-YYYY', 'DD-MMMM-YYYY', 'DD MMMM YYYY', 'MMMM/DD/YYYY', 'MMMM-DD-YYYY', 'MMMM.DD.YYYY', 'MMMM DD YYYY', 'YYYY/MMMM/DD', 'YYYY-MMMM-DD', 'YYYY.MMMM.DD', 'YYYY MMMM DD', 'DD/MM/YY', 'DD-MM-YY', 'DD.MM.YY', 'DD MM YY', 'MM/DD/YY', 'MM-DD-YY', 'MM.DD.YY', 'MM DD YY', 'YY/MM/DD', 'YY-MM-DD', 'YY.MM.DD', 'YY MM DD', 'DD/MMM/YY', 'DD-MMM-YY', 'DD.MMM.YY', 'DD MMM YY', 'MMM/DD/YY', 'MMM-DD-YY', 'MMM.DD.YY', 'MMM DD YY', 'YY/MMM/DD', 'YY-MMM-DD', 'YY.MMM.DD', 'YY MMM DD', 'DD/MMMM/YY', 'DD-MMMM-YY', 'DD.MMMM.YY', 'DD MMMM YY', 'MMMM/DD/YY', 'MMMM-DD-YY', 'MMMM.DD.YY', 'MMMM DD YY', 'YY/MMMM/DD', 'YY-MMMM-DD', 'YY.MMMM.DD', 'YY MMMM DD'];
+      var _this$state = this.state,
+          date = _this$state.date,
+          dateTime = _this$state.dateTime;
+      var boxStyle = {
+        padding: '10px',
+        border: '1px solid #000',
+        margin: '5px',
+        minWidth: '300px'
+      };
+      var headingStyle = {
+        fontSize: '14px',
+        textDecoration: 'underline',
+        marginBottom: '10px'
+      };
+      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+        alignBox: "row",
+        wrap: "wrap"
+      }, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, dataFormats.map(function (format) {
+        return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+          flexible: true,
+          style: boxStyle
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          style: headingStyle
+        }, format), /*#__PURE__*/_react["default"].createElement(_DateWidget["default"], {
+          textBoxSize: "xmedium",
+          textBoxVariant: "primary",
+          value: dateTime,
+          onSelect: _this2.handleDateTimeChange,
+          isDateTime: true,
+          position: "bottomLeft",
+          dateFormat: format,
+          timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone),
+          isEditable: true,
+          is24Hour: false,
+          i18nKeys: i18nKey
+        }));
+      }), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        flexible: true,
+        style: boxStyle
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: headingStyle
+      }, "24 Hours"), /*#__PURE__*/_react["default"].createElement(_DateWidget["default"], {
+        textBoxSize: "xmedium",
+        textBoxVariant: "primary",
+        value: dateTime,
+        onSelect: this.handleDateTimeChange,
+        isDateTime: true,
+        position: "bottomLeft",
+        dateFormat: "MMM-dd-yyyy",
+        timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone),
+        needDefaultTime: true,
+        is24Hour: true
+      })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        flexible: true,
+        style: boxStyle
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: headingStyle
+      }, "Default Time"), /*#__PURE__*/_react["default"].createElement(_DateWidget["default"], {
+        textBoxSize: "xmedium",
+        textBoxVariant: "primary",
+        value: dateTime,
+        onSelect: this.handleDateTimeChange,
+        isDateTime: true,
+        position: "bottomLeft",
+        dateFormat: "MMM-dd-yyyy",
+        timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone),
+        needDefaultTime: true
+      })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        flexible: true,
+        style: boxStyle
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: headingStyle
+      }, "ReadOnly"), /*#__PURE__*/_react["default"].createElement(_DateWidget["default"], {
+        textBoxSize: "xmedium",
+        textBoxVariant: "primary",
+        value: dateTime,
+        onSelect: this.handleDateTimeChange,
+        isDateTime: true,
+        position: "bottomLeft",
+        dateFormat: "yyyy.MM.dd",
+        timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone),
+        needDefaultTime: false,
+        isReadOnly: true
+      })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        flexible: true,
+        style: boxStyle
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: headingStyle
+      }, "Without Time"), /*#__PURE__*/_react["default"].createElement(_DateWidget["default"], {
+        textBoxSize: "xmedium",
+        textBoxVariant: "primary",
+        value: date,
+        onSelect: this.handleDateChange,
+        isDateTime: false,
+        position: "bottomLeft",
+        dateFormat: "yyyy.MM.dd",
+        timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone)
+      })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        flexible: true,
+        style: boxStyle
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: headingStyle
+      }, "Disabled"), /*#__PURE__*/_react["default"].createElement(_DateWidget["default"], {
+        textBoxSize: "xmedium",
+        textBoxVariant: "primary",
+        value: date,
+        onSelect: this.handleDateChange,
+        isDateTime: false,
+        position: "bottomLeft",
+        dateFormat: "MM-dd-yyyy",
+        isDisabled: true,
+        timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone)
+      })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        flexible: true,
+        style: boxStyle
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: headingStyle
+      }, "Hide Current Year"), /*#__PURE__*/_react["default"].createElement(_DateWidget["default"], {
+        textBoxSize: "xmedium",
+        textBoxVariant: "primary",
+        value: dateTime,
+        onSelect: this.handleDateTimeChange,
+        isDateTime: true,
+        position: "bottomLeft",
+        dateFormat: "MMM-dd-yyyy",
+        timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone),
+        needDefaultTime: true,
+        is24Hour: true,
+        isEditable: true,
+        isHideCurrentYear: true
+      })))));
+    }
+  }]);
+
+  return DateWidget__default;
+}(_react["default"].Component);
+
+exports["default"] = DateWidget__default;
+
+if (false) {
+  DateWidget__default.docs = {
+    componentGroup: 'Form Elements',
+    folderName: 'Style Guide'
+  };
+}

package/lib/DateTime/docs/timezonedata.json

@@ -0,0 +1 @@
+{ "timezone": "7Q.W 80 70 70 70|0121213412121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121|-3tFE0 1nEe0 1nX0 11B0 1nX0 SgN0 8x10 iy0 5Wp1 1VaX 3dA0 WM0 1qM0 11A0 1o00 11A0 1o00 11A0 1o00 11A0 1o00 11A0 1qM0 11A0 1o00 11A0 1o00 11A0 1o00 11A0 1o00 11A0 1qM0 WM0 1qM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1fA0 1a00 1fA0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1fz0 1cN0 1cL0 1cN0 1cL0 s10 1Vz0 LB0 1BX0 1cN0 1fz0 1a10 1fz0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1fz0 1a10 1fz0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 14p0 1lb0 14p0 1nX0 11B0 1nX0 11B0 1nX0 14p0 1lb0 14p0 1lb0 14p0 1nX0 11B0 1nX0 11B0 1nX0 14p0 1lb0 14p0 1lb0 14p0 1lb0 14p0 1nX0 11B0 1nX0 11B0 1nX0 14p0 1lb0 14p0 1lb0 14p0 1nX0 11B0 1nX0 11B0 1nX0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0|15e6" }

package/lib/DateTime/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DateWidget", {
+  enumerable: true,
+  get: function get() {
+    return _DateWidget["default"];
+  }
+});
+
+var _DateWidget = _interopRequireDefault(require("./DateWidget.js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/DateTime/objectUtils.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.omit = exports.extract = exports.equals = exports.clone = void 0;
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+/*eslint-disable */
+var clone = function clone(a, b, c, d, e, f) {
+  return Object.assign(a, b, c, d, e, f);
+};
+
+exports.clone = clone;
+
+var extract = function extract(obj, keys, target) {
+  target = target || {};
+
+  for (var i in obj) {
+    if (keys.indexOf(i) < 0) continue;
+    if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
+    target[i] = obj[i];
+  }
+
+  return target;
+};
+
+exports.extract = extract;
+
+var omit = function omit(obj, keys, target) {
+  target = target || {};
+
+  for (var i in obj) {
+    if (keys.indexOf(i) >= 0) continue;
+    if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
+    target[i] = obj[i];
+  }
+
+  return target;
+};
+
+exports.omit = omit;
+
+var equals = function equals(x, y) {
+  if (x === y) return true; // if both x and y are null or undefined and exactly the same
+
+  if (x == null && y != null || x != null && y == null) return false; //break if not same null or undefined
+
+  if (!(x instanceof Object) || !(y instanceof Object)) return false; // if they are not strictly equal, they both need to be Objects
+
+  if (x.constructor !== y.constructor) return false; // they must have the exact same prototype chain, the closest we can do is
+  // test there constructor.
+
+  for (var p in x) {
+    if (!x.hasOwnProperty(p)) continue; // other properties were tested using x.constructor === y.constructor
+
+    if (!y.hasOwnProperty(p)) return false; // allows to compare x[ p ] and y[ p ] when set to undefined
+
+    if (x[p] === y[p]) continue; // if they have the same strict value or identity then they are equal
+
+    if (_typeof(x[p]) !== 'object') return false; // Numbers, Strings, Functions, Booleans must be strictly equal
+
+    if (!equals(x[p], y[p])) return false; // Objects and Arrays must be tested recursively
+  }
+
+  for (p in y) {
+    if (y.hasOwnProperty(p) && !x.hasOwnProperty(p)) return false; // allows x[ p ] to be set to undefined
+  }
+
+  return true;
+};
+/*eslint-enable */
+
+
+exports.equals = equals;

package/lib/DateTime/props/defaultProps.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.YearView_defaultProps = exports.Span_defaultProps = exports.DateWidget_defaultProps = exports.DateTime_defaultProps = exports.CalendarView_defaultProps = void 0;
+var CalendarView_defaultProps = {
+  dataId: 'dateContainer',
+  needBorder: true
+};
+exports.CalendarView_defaultProps = CalendarView_defaultProps;
+var Span_defaultProps = {
+  dataId: 'calendar-view'
+};
+exports.Span_defaultProps = Span_defaultProps;
+var DateTime_defaultProps = {
+  isDateTimeField: true,
+  dataId: 'dateTime',
+  needDefaultTime: true,
+  isAbsolute: true,
+  isAnimate: true,
+  needAction: true,
+  boxSize: 'large',
+  className: '',
+  innerClass: '',
+  dateFormat: 'dd/MM/yyyy',
+  isPadding: false,
+  i18nKeys: {},
+  is24Hour: false,
+  isDefaultPosition: false
+};
+exports.DateTime_defaultProps = DateTime_defaultProps;
+var DateWidget_defaultProps = {
+  borderColor: 'default',
+  dataId: 'dateWidget',
+  dateFormat: 'MM/dd/yyyy',
+  isDateTime: false,
+  isDisabled: false,
+  isPopupOpenOnEnter: false,
+  isReadOnly: false,
+  needBorder: true,
+  needDefaultTime: true,
+  placeholder: '-None-',
+  textBoxSize: 'medium',
+  textBoxVariant: 'default',
+  timeZone: null,
+  isPopupOpenOnClick: true,
+  isPopupCloseOnClick: false,
+  cantEditOnPopupOpen: true,
+  i18nKeys: {},
+  needErrorOnBlur: false,
+  isEditable: false,
+  iconOnHover: false,
+  is24Hour: false
+};
+exports.DateWidget_defaultProps = DateWidget_defaultProps;
+var YearView_defaultProps = {
+  dataId: 'dateContainer',
+  needBorder: true
+};
+exports.YearView_defaultProps = YearView_defaultProps;