@zohodesk/components 1.0.0-alpha-195 → 1.0.0-alpha-199

package/lib/DateTime/DateTime.js

@@ -1,1030 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Span = exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
-
-var _CalendarView = _interopRequireDefault(require("./CalendarView"));
-
-var _Layout = require("../Layout");
-
-var _Select = _interopRequireDefault(require("../Select/Select"));
-
-var _Button = _interopRequireDefault(require("../Button/Button"));
-
-var _DropBox = _interopRequireDefault(require("../DropBox/DropBox"));
-
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
-
-var _YearView = _interopRequireDefault(require("./YearView"));
-
-var _DateTimeModule = _interopRequireDefault(require("./DateTime.module.css"));
-
-var _common = require("../utils/datetime/common");
-
-var _Common = require("../utils/Common");
-
-var _constants = require("./constants");
-
-var _dateFormatUtils = require("./dateFormatUtils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-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); 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || 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; } 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function title(date, year, month) {
-  var monthNames = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-  var HeadingText = "".concat(monthNames[month] || '', " ").concat(year);
-  return HeadingText;
-}
-
-var DateTime = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(DateTime, _React$PureComponent);
-
-  var _super = _createSuper(DateTime);
-
-  function DateTime(props) {
-    var _this;
-
-    _classCallCheck(this, DateTime);
-
-    _this = _super.call(this, props);
-    _this.getHours = _this.getHours.bind(_assertThisInitialized(_this));
-    _this.amPmSelect = _this.amPmSelect.bind(_assertThisInitialized(_this));
-    _this.hoursSelect = _this.hoursSelect.bind(_assertThisInitialized(_this));
-    _this.dateSelect = _this.dateSelect.bind(_assertThisInitialized(_this));
-    _this.handleClear = _this.handleClear.bind(_assertThisInitialized(_this));
-    _this.handleSelect = _this.handleSelect.bind(_assertThisInitialized(_this));
-    _this.minutesSelect = _this.minutesSelect.bind(_assertThisInitialized(_this));
-    _this.modifyCalendar = _this.modifyCalendar.bind(_assertThisInitialized(_this));
-    _this.handleGetSelectedDate = _this.handleGetSelectedDate.bind(_assertThisInitialized(_this));
-    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
-    _this.handleCalendarNavigation = _this.handleCalendarNavigation.bind(_assertThisInitialized(_this));
-    _this.handleExposeMethods = _this.handleExposeMethods.bind(_assertThisInitialized(_this));
-    _this.handleDateReset = _this.handleDateReset.bind(_assertThisInitialized(_this));
-    _this.handleOpenYearView = _this.handleOpenYearView.bind(_assertThisInitialized(_this));
-    _this.handleSelectMonth = _this.handleSelectMonth.bind(_assertThisInitialized(_this));
-    _this.handleSelectYear = _this.handleSelectYear.bind(_assertThisInitialized(_this));
-    _this.handleSelectMonthViaYearView = _this.handleSelectMonthViaYearView.bind(_assertThisInitialized(_this));
-    _this.handleGetStateValues = _this.handleGetStateValues.bind(_assertThisInitialized(_this));
-    _this.handleYearViewToggle = _this.handleYearViewToggle.bind(_assertThisInitialized(_this));
-    var _props$i18nKeys$ampmT = props.i18nKeys.ampmText,
-        ampmText = _props$i18nKeys$ampmT === void 0 ? _constants.ampmTextDefault : _props$i18nKeys$ampmT;
-
-    var _getHourDetails = (0, _dateFormatUtils.getHourDetails)(props.is24Hour),
-        hourStart = _getHourDetails.startPoint,
-        hourEnd = _getHourDetails.endPoint;
-
-    _this.hourSuggestions = function () {
-      var hourArr = [];
-
-      for (var hour = hourStart; hour <= hourEnd; hour++) {
-        var htxt = hour < 10 ? "0".concat(hour) : "".concat(hour);
-        hourArr.push(htxt);
-      }
-
-      return hourArr;
-    }();
-
-    _this.minSuggestions = function () {
-      var minArr = [];
-
-      for (var minute = 0; minute <= 59; minute++) {
-        var mtxt = minute < 10 ? "0".concat(minute) : "".concat(minute);
-        minArr.push(mtxt);
-      }
-
-      return minArr;
-    }();
-
-    _this.ampmSuggestions = function () {
-      var ampmSuggestions = [];
-      ampmText.forEach(function (text, index) {
-        if (index === 0) {
-          ampmSuggestions.push({
-            text: text,
-            id: 'AM'
-          });
-        } else if (index === 1) {
-          ampmSuggestions.push({
-            text: text,
-            id: 'PM'
-          });
-        }
-      });
-      return ampmSuggestions;
-    }();
-
-    var initalStateObj = _this.getStateFromProps(props);
-
-    _this.state = Object.assign({}, initalStateObj, {
-      isYearView: false,
-      isMonthOpen: false
-    });
-    return _this;
-  }
-
-  _createClass(DateTime, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.handleExposeMethods(true);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this$props = this.props,
-          value = _this$props.value,
-          isActive = _this$props.isActive,
-          is24Hour = _this$props.is24Hour;
-
-      if (prevProps.value !== value || is24Hour !== prevProps.is24Hour) {
-        this.setState(this.getStateFromProps(this.props));
-      }
-
-      if (prevProps.isActive !== isActive && !isActive) {
-        this.setState({
-          isYearView: false,
-          isMonthOpen: false
-        });
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.handleExposeMethods(false);
-    }
-  }, {
-    key: "getStateFromProps",
-    value: function getStateFromProps(props) {
-      var date, month, year, hours, mins, amPm;
-      var value = props.value,
-          timeZone = props.timeZone,
-          defaultTime = props.defaultTime,
-          needDefaultTime = props.needDefaultTime,
-          isDateTimeField = props.isDateTimeField,
-          is24Hour = props.is24Hour; //defaultTime --> 12:00:PM
-
-      defaultTime = needDefaultTime ? defaultTime ? defaultTime : '12:00:PM' : '';
-      var defaultHour, defaultMin, defaultAmPm;
-
-      if (!value) {
-        var _ref = defaultTime ? defaultTime.split(':') : [];
-
-        var _ref2 = _slicedToArray(_ref, 3);
-
-        defaultHour = _ref2[0];
-        defaultMin = _ref2[1];
-        defaultAmPm = _ref2[2];
-        defaultHour = parseInt(defaultHour);
-        defaultMin = parseInt(defaultMin);
-      }
-
-      var dateObj = isDateTimeField ? _datetimejs["default"].toDate(_datetimejs["default"].tz.utcToTz(value, timeZone)) : value ? _datetimejs["default"].toDate(value) : new Date();
-      date = dateObj.getDate();
-      month = dateObj.getMonth();
-      year = dateObj.getFullYear();
-      hours = defaultHour ? defaultHour : dateObj.getHours();
-      mins = !(0, _Common.getIsEmptyValue)(defaultMin) ? defaultMin : dateObj.getMinutes();
-      mins = mins < 10 ? "0".concat(mins) : mins;
-      amPm = defaultAmPm ? defaultAmPm : hours < 12 ? 'AM' : 'PM';
-      hours = this.getHours(hours, is24Hour);
-      return {
-        date: date,
-        month: month,
-        year: year,
-        mins: mins,
-        hours: hours,
-        amPm: amPm
-      };
-    }
-  }, {
-    key: "getHours",
-    value: function getHours(hoursParam, is24Hour) {
-      var hours = hoursParam;
-
-      if (!is24Hour) {
-        if (hours === 0) {
-          hours = 12;
-        } else if (hours > 12) {
-          hours -= 12;
-        }
-      }
-
-      hours = hours < 10 ? "0".concat(hours) : hours;
-      return hours;
-    }
-  }, {
-    key: "handleGetSelectedDate",
-    value: function handleGetSelectedDate() {
-      var selectedInfo = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var _this$props2 = this.props,
-          min = _this$props2.min,
-          max = _this$props2.max,
-          timeZone = _this$props2.timeZone,
-          isDateTimeField = _this$props2.isDateTimeField,
-          dateFormat = _this$props2.dateFormat,
-          is24Hour = _this$props2.is24Hour;
-      var year = selectedInfo.year,
-          month = selectedInfo.month,
-          date = selectedInfo.date,
-          hours = selectedInfo.hours,
-          mins = selectedInfo.mins,
-          amPm = selectedInfo.amPm;
-
-      if (!is24Hour) {
-        if (parseInt(hours) === 12) {
-          hours = amPm === 'AM' ? 0 : 12;
-        }
-
-        if (amPm === 'PM') {
-          if (hours < 12) {
-            hours = parseInt(hours) + 12;
-          }
-        }
-      }
-
-      var minInMillis = min ? _datetimejs["default"].millis(min) : null,
-          maxInMillis = max ? _datetimejs["default"].millis(max) : null,
-          selectedInMillis,
-          selectedValue = '',
-          formattedValue;
-
-      if (isDateTimeField) {
-        selectedInMillis = _datetimejs["default"].tz.tzToUtc(Date.UTC(year, month, date, hours, mins), timeZone);
-        selectedValue = _datetimejs["default"].ISO(selectedInMillis);
-        formattedValue = (0, _common.formatDate)(new Date(year, month, date, hours, mins), is24Hour ? "".concat(dateFormat, " HH:mm") : "".concat(dateFormat, " hh:mm A"));
-      } else {
-        selectedInMillis = Date.UTC(year, month, date);
-        selectedValue = (0, _common.formatDate)(new Date(year, month, date), 'YYYY-MM-DD');
-        formattedValue = (0, _common.formatDate)(new Date(year, month, date), dateFormat);
-      }
-
-      var isError = false;
-      var errorType = '';
-
-      if (minInMillis && minInMillis > selectedInMillis) {
-        isError = true;
-        errorType = 'MIN';
-      } else if (maxInMillis && maxInMillis < selectedInMillis) {
-        isError = true;
-        errorType = 'MAX';
-      }
-
-      return {
-        isError: isError,
-        errorType: errorType,
-        selectedValue: selectedValue,
-        formattedValue: formattedValue
-      };
-    }
-  }, {
-    key: "handleSelect",
-    value: function handleSelect(e) {
-      e && e.preventDefault();
-      var _this$props3 = this.props,
-          onError = _this$props3.onError,
-          onSelect = _this$props3.onSelect,
-          minErrorText = _this$props3.minErrorText,
-          maxErrorText = _this$props3.maxErrorText;
-      var _this$state = this.state,
-          year = _this$state.year,
-          month = _this$state.month,
-          date = _this$state.date,
-          hours = _this$state.hours,
-          mins = _this$state.mins,
-          amPm = _this$state.amPm;
-
-      var _this$handleGetSelect = this.handleGetSelectedDate({
-        year: year,
-        month: month,
-        date: date,
-        hours: hours,
-        mins: mins,
-        amPm: amPm
-      }),
-          isError = _this$handleGetSelect.isError,
-          errorType = _this$handleGetSelect.errorType,
-          selectedValue = _this$handleGetSelect.selectedValue,
-          formattedValue = _this$handleGetSelect.formattedValue;
-
-      if (isError) {
-        if (errorType === 'MIN') {
-          onError && onError(minErrorText, true);
-        } else if (errorType === 'MAX') {
-          onError && onError(maxErrorText, true);
-        }
-      } else {
-        onSelect(selectedValue, formattedValue, e);
-      }
-    }
-  }, {
-    key: "handleChange",
-    value: function handleChange() {
-      var selectedInfo = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var _this$props4 = this.props,
-          onError = _this$props4.onError,
-          onChange = _this$props4.onChange,
-          minErrorText = _this$props4.minErrorText,
-          maxErrorText = _this$props4.maxErrorText;
-      var _this$state2 = this.state,
-          oldYear = _this$state2.year,
-          oldMonth = _this$state2.month,
-          oldDate = _this$state2.date,
-          oldHours = _this$state2.hours,
-          oldMins = _this$state2.mins,
-          oldAMPM = _this$state2.amPm;
-      var year = selectedInfo.year,
-          month = selectedInfo.month,
-          date = selectedInfo.date,
-          hours = selectedInfo.hours,
-          mins = selectedInfo.mins,
-          amPm = selectedInfo.amPm;
-      var newSelectedInfo = {
-        year: (0, _Common.getIsEmptyValue)(year) ? oldYear : year,
-        month: (0, _Common.getIsEmptyValue)(month) ? oldMonth : month,
-        date: (0, _Common.getIsEmptyValue)(date) ? oldDate : date,
-        hours: (0, _Common.getIsEmptyValue)(hours) ? oldHours : hours,
-        mins: (0, _Common.getIsEmptyValue)(mins) ? oldMins : mins,
-        amPm: (0, _Common.getIsEmptyValue)(amPm) ? oldAMPM : amPm
-      };
-
-      if (onChange) {
-        var _this$handleGetSelect2 = this.handleGetSelectedDate(newSelectedInfo),
-            isError = _this$handleGetSelect2.isError,
-            errorType = _this$handleGetSelect2.errorType,
-            selectedValue = _this$handleGetSelect2.selectedValue,
-            formattedValue = _this$handleGetSelect2.formattedValue;
-
-        if (isError) {
-          if (errorType === 'MIN') {
-            onError && onError(minErrorText, true);
-          } else if (errorType === 'MAX') {
-            onError && onError(maxErrorText, true);
-          }
-        } else {
-          this.setState(newSelectedInfo);
-          onChange(selectedValue, formattedValue);
-        }
-      } else {
-        this.setState(newSelectedInfo);
-      }
-    }
-  }, {
-    key: "handleClear",
-    value: function handleClear(e) {
-      var _this$props5 = this.props,
-          onSelect = _this$props5.onSelect,
-          onClear = _this$props5.onClear;
-
-      if (onClear) {
-        onClear(e);
-      } else {
-        onSelect('', '', e);
-      }
-    }
-  }, {
-    key: "dateSelect",
-    value: function dateSelect(date, month, year, e) {
-      this.handleChange({
-        date: date,
-        month: month,
-        year: year
-      });
-      e && e.preventDefault();
-      var _this$props6 = this.props,
-          onError = _this$props6.onError,
-          onDateSelect = _this$props6.onDateSelect,
-          minErrorText = _this$props6.minErrorText,
-          maxErrorText = _this$props6.maxErrorText;
-      var _this$state3 = this.state,
-          hours = _this$state3.hours,
-          mins = _this$state3.mins,
-          amPm = _this$state3.amPm;
-
-      var _this$handleGetSelect3 = this.handleGetSelectedDate({
-        year: year,
-        month: month,
-        date: date,
-        hours: hours,
-        mins: mins,
-        amPm: amPm
-      }),
-          isError = _this$handleGetSelect3.isError,
-          errorType = _this$handleGetSelect3.errorType,
-          selectedValue = _this$handleGetSelect3.selectedValue,
-          formattedValue = _this$handleGetSelect3.formattedValue;
-
-      if (isError) {
-        if (errorType === 'MIN') {
-          onError && onError(minErrorText, true);
-        } else if (errorType === 'MAX') {
-          onError && onError(maxErrorText, true);
-        }
-      } else {
-        onDateSelect && onDateSelect(selectedValue, formattedValue, e);
-      }
-    }
-  }, {
-    key: "hoursSelect",
-    value: function hoursSelect(hours) {
-      this.handleChange({
-        hours: hours
-      });
-    }
-  }, {
-    key: "minutesSelect",
-    value: function minutesSelect(mins) {
-      this.handleChange({
-        mins: mins
-      });
-    }
-  }, {
-    key: "amPmSelect",
-    value: function amPmSelect(amPm) {
-      this.handleChange({
-        amPm: amPm
-      });
-    }
-    /*global closeGroupPopups*/
-
-  }, {
-    key: "closePopup",
-    value: function closePopup() {
-      closeGroupPopups('calender');
-    }
-  }, {
-    key: "handleCalendarNavigation",
-    value: function handleCalendarNavigation(type, selectedInfo) {
-      var stateYear = selectedInfo.year,
-          stateMonth = selectedInfo.month,
-          stateDate = selectedInfo.date;
-      var date = stateDate;
-      var month = stateMonth;
-      var year = stateYear;
-
-      var getDate = function getDate(month, year) {
-        var monthEnd = (0, _common.getMonthEnd)(month, year);
-        return monthEnd >= parseInt(date) ? date : monthEnd;
-      };
-
-      var modifyCalendarRecursion = function modifyCalendarRecursion(recursionType) {
-        if (recursionType === 'nextYear') {
-          //Click next year icon
-          var newYear = year + 1;
-          return {
-            date: getDate(month, newYear),
-            month: month,
-            year: newYear
-          };
-        } else if (recursionType === 'previousYear') {
-          //Click previous year icon
-          var _newYear = year - 1;
-
-          return {
-            date: getDate(month, _newYear),
-            month: month,
-            year: _newYear
-          };
-        } else if (recursionType === 'nextMonth') {
-          //Click next month icon
-          if (month === 11) {
-            month = 0;
-            return modifyCalendarRecursion('nextYear');
-          }
-
-          var newMonth = month + 1;
-          return {
-            date: getDate(newMonth, year),
-            month: newMonth,
-            year: year
-          };
-        } else if (recursionType === 'previousMonth') {
-          //Click previous month icon
-          if (month === 0) {
-            month = 11;
-            return modifyCalendarRecursion('previousYear');
-          }
-
-          var _newMonth = month - 1;
-
-          return {
-            date: getDate(_newMonth, year),
-            month: _newMonth,
-            year: year
-          };
-        } else if (recursionType === 'nextDate') {
-          var monthEnd = (0, _common.getMonthEnd)(month, year);
-
-          if (date === monthEnd) {
-            date = 1;
-            return modifyCalendarRecursion('nextMonth');
-          }
-
-          var newDate = parseInt(date) + 1;
-          return {
-            date: newDate,
-            month: month,
-            year: year
-          };
-        } else if (recursionType === 'previousDate') {
-          if (date === 1) {
-            date = month === 0 ? (0, _common.getMonthEnd)(11, year - 1) : (0, _common.getMonthEnd)(month - 1, year);
-            return modifyCalendarRecursion('previousMonth');
-          }
-
-          var _newDate = parseInt(date) - 1;
-
-          return {
-            date: _newDate,
-            month: month,
-            year: year
-          };
-        }
-      };
-
-      return modifyCalendarRecursion(type);
-    }
-  }, {
-    key: "modifyCalendar",
-    value: function modifyCalendar(type) {
-      var _this$state4 = this.state,
-          year = _this$state4.year,
-          month = _this$state4.month,
-          date = _this$state4.date;
-      return this.handleChange(this.handleCalendarNavigation(type, {
-        year: year,
-        month: month,
-        date: date
-      }));
-    }
-  }, {
-    key: "handleDateReset",
-    value: function handleDateReset() {
-      this.setState(this.getStateFromProps(this.props));
-    }
-  }, {
-    key: "handleGetStateValues",
-    value: function handleGetStateValues() {
-      var isActive = this.props.isActive;
-      var _this$state5 = this.state,
-          isYearView = _this$state5.isYearView,
-          isMonthOpen = _this$state5.isMonthOpen;
-      return {
-        isActive: isActive,
-        isYearView: isYearView,
-        isMonthOpen: isMonthOpen
-      };
-    }
-  }, {
-    key: "handleYearViewToggle",
-    value: function handleYearViewToggle(isYearOpen, isMonthOpen) {
-      this.setState({
-        isYearView: isYearOpen,
-        isMonthOpen: isMonthOpen
-      });
-    }
-  }, {
-    key: "handleExposeMethods",
-    value: function handleExposeMethods(isMount) {
-      var getMethods = this.props.getMethods;
-      var methods = {};
-
-      if (isMount) {
-        methods = {
-          resetLocalDate: this.handleDateReset,
-          getStateValues: this.handleGetStateValues,
-          toggleYearView: this.handleYearViewToggle
-        };
-      } else {
-        methods = {
-          resetLocalDate: null,
-          getStateValues: null,
-          toggleYearView: null
-        };
-      }
-
-      getMethods && getMethods(methods);
-    }
-  }, {
-    key: "handleOpenYearView",
-    value: function handleOpenYearView() {
-      var _this$state6 = this.state,
-          isYearView = _this$state6.isYearView,
-          isMonthOpen = _this$state6.isMonthOpen;
-      this.setState({
-        isYearView: !isYearView,
-        isMonthOpen: !isMonthOpen
-      });
-    }
-  }, {
-    key: "handleSelectYear",
-    value: function handleSelectYear(year) {
-      this.setState({
-        year: year,
-        isMonthOpen: true
-      });
-    }
-  }, {
-    key: "handleSelectMonth",
-    value: function handleSelectMonth(month) {
-      var _this$state7 = this.state,
-          date = _this$state7.date,
-          year = _this$state7.year;
-      var monthEnd = (0, _common.getMonthEnd)(month, year);
-      var newDate = date;
-
-      if (date > monthEnd) {
-        newDate = monthEnd;
-      }
-
-      this.setState({
-        month: month,
-        date: newDate
-      });
-    }
-  }, {
-    key: "handleSelectMonthViaYearView",
-    value: function handleSelectMonthViaYearView(month) {
-      this.handleSelectMonth(month);
-      this.setState({
-        isYearView: false,
-        isMonthOpen: false
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state8 = this.state,
-          date = _this$state8.date,
-          month = _this$state8.month,
-          year = _this$state8.year,
-          hours = _this$state8.hours,
-          mins = _this$state8.mins,
-          amPm = _this$state8.amPm,
-          isYearView = _this$state8.isYearView,
-          isMonthOpen = _this$state8.isMonthOpen;
-      var _this$props7 = this.props,
-          isDateTimeField = _this$props7.isDateTimeField,
-          isActive = _this$props7.isActive,
-          position = _this$props7.position,
-          isReady = _this$props7.isReady,
-          getRef = _this$props7.getRef,
-          onClick = _this$props7.onClick,
-          dataId = _this$props7.dataId,
-          needResponsive = _this$props7.needResponsive,
-          isAbsolute = _this$props7.isAbsolute,
-          isAnimate = _this$props7.isAnimate,
-          needAction = _this$props7.needAction,
-          boxSize = _this$props7.boxSize,
-          className = _this$props7.className,
-          innerClass = _this$props7.innerClass,
-          isPadding = _this$props7.isPadding,
-          i18nKeys = _this$props7.i18nKeys,
-          is24Hour = _this$props7.is24Hour,
-          isDefaultPosition = _this$props7.isDefaultPosition;
-      var _i18nKeys$timeText = i18nKeys.timeText,
-          timeText = _i18nKeys$timeText === void 0 ? 'Time' : _i18nKeys$timeText,
-          _i18nKeys$submitText = i18nKeys.submitText,
-          submitText = _i18nKeys$submitText === void 0 ? 'Set' : _i18nKeys$submitText,
-          _i18nKeys$cancelText = i18nKeys.cancelText,
-          cancelText = _i18nKeys$cancelText === void 0 ? 'Clear' : _i18nKeys$cancelText,
-          _i18nKeys$hourEmptyTe = i18nKeys.hourEmptyText,
-          hourEmptyText = _i18nKeys$hourEmptyTe === void 0 ? 'No search results' : _i18nKeys$hourEmptyTe,
-          _i18nKeys$minuteEmpty = i18nKeys.minuteEmptyText,
-          minuteEmptyText = _i18nKeys$minuteEmpty === void 0 ? 'No search results' : _i18nKeys$minuteEmpty,
-          _i18nKeys$nextMonthTi = i18nKeys.nextMonthTitleText,
-          nextMonthTitleText = _i18nKeys$nextMonthTi === void 0 ? 'Next month' : _i18nKeys$nextMonthTi,
-          _i18nKeys$prevMonthTi = i18nKeys.prevMonthTitleText,
-          prevMonthTitleText = _i18nKeys$prevMonthTi === void 0 ? 'Prev month' : _i18nKeys$prevMonthTi,
-          _i18nKeys$monthNames = i18nKeys.monthNames,
-          monthNames = _i18nKeys$monthNames === void 0 ? _constants.monthNamesDefault : _i18nKeys$monthNames,
-          _i18nKeys$monthNamesS = i18nKeys.monthNamesShort,
-          monthNamesShort = _i18nKeys$monthNamesS === void 0 ? _constants.monthNamesShortDefault : _i18nKeys$monthNamesS,
-          _i18nKeys$dayNames = i18nKeys.dayNames,
-          dayNames = _i18nKeys$dayNames === void 0 ? _constants.dayNamesDefault : _i18nKeys$dayNames,
-          _i18nKeys$dayNamesSho = i18nKeys.dayNamesShort,
-          dayNamesShort = _i18nKeys$dayNamesSho === void 0 ? _constants.dayNamesShortDefault : _i18nKeys$dayNamesSho;
-      var showmonthtxt = title(date, year, month, monthNames);
-
-      var childEle = /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_DateTimeModule["default"].container, " ").concat(innerClass),
-        "data-id": "".concat(dataId, "_Calendar"),
-        onClick: this.closePopup
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        alignBox: "row",
-        align: "both",
-        className: _DateTimeModule["default"].header
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        className: _DateTimeModule["default"].dateText,
-        dataId: "selectYear",
-        onClick: this.handleOpenYearView
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: _DateTimeModule["default"].thMonYear
-      }, showmonthtxt), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-        name: "ZD-GN-dropdown",
-        size: "12",
-        iconClass: _DateTimeModule["default"].downArrow
-      })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        flexible: true
-      }), !isYearView ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Span, {
-        dataTitle: prevMonthTitleText,
-        dataId: "prevMonth",
-        modifyCalendar: this.modifyCalendar,
-        type: "previousMonth"
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-        name: "ZD-arrowLeft3",
-        isBold: true
-      })), /*#__PURE__*/_react["default"].createElement(Span, {
-        dataTitle: nextMonthTitleText,
-        dataId: "nextMonth",
-        modifyCalendar: this.modifyCalendar,
-        type: "nextMonth",
-        className: _DateTimeModule["default"].navigation
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-        name: "ZD-arrowRight3",
-        isBold: true
-      }))) : null), /*#__PURE__*/_react["default"].createElement("div", {
-        className: _DateTimeModule["default"].subContainer
-      }, /*#__PURE__*/_react["default"].createElement(_CalendarView["default"], {
-        needBorder: isDateTimeField || needAction,
-        dataId: dataId,
-        date: date,
-        year: year,
-        month: month,
-        onSelect: this.dateSelect,
-        dayNames: dayNames,
-        dayNamesShort: dayNamesShort
-      }), isDateTimeField && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
-        className: _DateTimeModule["default"].text
-      }, timeText), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        alignBox: "row",
-        align: "vertical",
-        className: _DateTimeModule["default"].timesection,
-        isCover: false,
-        dataId: "".concat(dataId, "_timeContainer")
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        flexible: true,
-        className: _DateTimeModule["default"].dropDownContainer
-      }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-        options: this.hourSuggestions,
-        onChange: this.hoursSelect,
-        selectedValue: hours,
-        needSearch: true,
-        emptyMessage: hourEmptyText,
-        animationStyle: "bounce",
-        textBoxSize: "xmedium",
-        textBoxVariant: "primary",
-        searchBoxSize: "xmedium",
-        searchBoxPlaceHolder: "",
-        maxLength: "2",
-        popupGroup: "calender",
-        size: "small",
-        dataId: "hourField",
-        needResponsive: needResponsive,
-        needListBorder: true,
-        needTick: false,
-        listItemSize: "small"
-      })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        flexible: true,
-        className: _DateTimeModule["default"].dropDownContainer
-      }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-        options: this.minSuggestions,
-        onChange: this.minutesSelect,
-        selectedValue: mins,
-        needSearch: true,
-        emptyMessage: minuteEmptyText,
-        animationStyle: "bounce",
-        textBoxSize: "xmedium",
-        textBoxVariant: "primary",
-        searchBoxSize: "xmedium",
-        searchBoxPlaceHolder: "",
-        maxLength: "2",
-        popupGroup: "calender",
-        size: "small",
-        dataId: "minuteField",
-        needResponsive: needResponsive,
-        needListBorder: true,
-        needTick: false,
-        listItemSize: "small"
-      })), !is24Hour ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        flexible: true,
-        className: _DateTimeModule["default"].dropDownContainer
-      }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-        options: this.ampmSuggestions,
-        onChange: this.amPmSelect,
-        selectedValue: amPm,
-        animationStyle: "bounce",
-        textBoxSize: "xmedium",
-        textBoxVariant: "primary",
-        maxLength: "2",
-        popupGroup: "calender",
-        size: "small",
-        dataId: "ampmField",
-        needResponsive: needResponsive,
-        needListBorder: true,
-        needTick: false,
-        listItemSize: "small"
-      })) : null)), needAction ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        isCover: false,
-        align: "vertical",
-        alignBox: "row",
-        className: _DateTimeModule["default"].footer
-      }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        text: submitText,
-        size: "medium",
-        palette: "primaryFilled",
-        onClick: this.handleSelect,
-        dataId: "".concat(dataId, "_saveBtn")
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        className: _DateTimeModule["default"].space
-      }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        text: cancelText,
-        size: "medium",
-        palette: "secondary",
-        onClick: this.handleClear,
-        dataId: "".concat(dataId, "_clearBtn")
-      })) : null, isYearView ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: _DateTimeModule["default"].yearContainer
-      }, /*#__PURE__*/_react["default"].createElement(_YearView["default"], {
-        onSelectYear: this.handleSelectYear,
-        onSelectMonth: this.handleSelectMonthViaYearView,
-        viewedYear: year,
-        viewedMonth: month,
-        monthNames: monthNames,
-        monthNamesShort: monthNamesShort,
-        isMonthOpen: isMonthOpen
-      })) : null));
-
-      return isDefaultPosition ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_DateTimeModule["default"].dropBox, " ").concat(className),
-        "data-id": "".concat(dataId, "_dateBoxContainer")
-      }, childEle) : isReady ? /*#__PURE__*/_react["default"].createElement(_DropBox["default"], {
-        size: boxSize,
-        boxPosition: position,
-        isActive: isActive,
-        isArrow: false,
-        isAnimate: isAnimate,
-        animationStyle: "bounce",
-        getRef: getRef,
-        onClick: onClick,
-        dataId: "".concat(dataId, "_dateBoxContainer"),
-        needResponsive: needResponsive,
-        isAbsolutePositioningNeeded: isAbsolute,
-        customClass: {
-          customDropBoxWrap: className
-        },
-        isPadding: isPadding
-      }, childEle) : null;
-    }
-  }]);
-
-  return DateTime;
-}(_react["default"].PureComponent);
-
-exports["default"] = DateTime;
-DateTime.propTypes = {
-  boxSize: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  dateFormat: _propTypes["default"].string,
-  // eslint-disable-next-line react/no-unused-prop-types
-  defaultTime: _propTypes["default"].string,
-  getMethods: _propTypes["default"].func,
-  getRef: _propTypes["default"].func,
-  i18nKeys: _propTypes["default"].shape({
-    timeText: _propTypes["default"].string.isRequired,
-    submitText: _propTypes["default"].string.isRequired,
-    cancelText: _propTypes["default"].string.isRequired,
-    hourEmptyText: _propTypes["default"].string.isRequired,
-    minuteEmptyText: _propTypes["default"].string.isRequired,
-    nextMonthTitleText: _propTypes["default"].string.isRequired,
-    prevMonthTitleText: _propTypes["default"].string.isRequired
-  }),
-  innerClass: _propTypes["default"].string,
-  isAbsolute: _propTypes["default"].bool,
-  isActive: _propTypes["default"].bool,
-  isAnimate: _propTypes["default"].bool,
-  isDateTimeField: _propTypes["default"].bool,
-  isPadding: _propTypes["default"].bool,
-  isReady: _propTypes["default"].bool,
-  max: _propTypes["default"].string,
-  maxErrorText: _propTypes["default"].string,
-  min: _propTypes["default"].string,
-  minErrorText: _propTypes["default"].string,
-  // eslint-disable-next-line react/no-unused-prop-types
-  needAction: _propTypes["default"].bool,
-  needDefaultTime: _propTypes["default"].bool,
-  needResponsive: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func,
-  onClear: _propTypes["default"].func,
-  onClick: _propTypes["default"].func,
-  onDateSelect: _propTypes["default"].func,
-  onError: _propTypes["default"].func,
-  onSelect: _propTypes["default"].func,
-  position: _propTypes["default"].string,
-  timeZone: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
-  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  is24Hour: _propTypes["default"].bool,
-  isDefaultPosition: _propTypes["default"].bool
-};
-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
-};
-
-var Span = /*#__PURE__*/function (_React$Component) {
-  _inherits(Span, _React$Component);
-
-  var _super2 = _createSuper(Span);
-
-  function Span(props) {
-    var _this2;
-
-    _classCallCheck(this, Span);
-
-    _this2 = _super2.call(this, props);
-    _this2.modifyCalendarChild = _this2.modifyCalendarChild.bind(_assertThisInitialized(_this2));
-    return _this2;
-  }
-
-  _createClass(Span, [{
-    key: "modifyCalendarChild",
-    value: function modifyCalendarChild() {
-      var _this$props8 = this.props,
-          modifyCalendar = _this$props8.modifyCalendar,
-          type = _this$props8.type;
-      modifyCalendar(type);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props9 = this.props,
-          dataTitle = _this$props9.dataTitle,
-          children = _this$props9.children,
-          dataId = _this$props9.dataId,
-          _this$props9$classNam = _this$props9.className,
-          className = _this$props9$classNam === void 0 ? '' : _this$props9$classNam;
-      return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        "data-title": dataTitle,
-        dataId: dataId,
-        className: "".concat(_DateTimeModule["default"].thArrow, " ").concat(_DateTimeModule["default"].grid, " ").concat(className),
-        onClick: this.modifyCalendarChild
-      }, children);
-    }
-  }]);
-
-  return Span;
-}(_react["default"].Component);
-
-exports.Span = Span;