@talend/react-components/lib/DateTimePickers/InputDateTimePicker/InputDateTimePicker.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _InputDatePicker = _interopRequireDefault(require("../InputDatePicker"));
var _InputTimePicker = _interopRequireDefault(require("../InputTimePicker"));
var _LegacyDateTimePickers = _interopRequireDefault(require("../LegacyDateTimePickers"));
var _DateTime = _interopRequireDefault(require("../DateTime"));
var _Context = require("../DateTime/Context");
var _InputDateTimePickerModule = _interopRequireDefault(require("./InputDateTimePicker.module.scss"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function InputDateTimePicker(props) {
  if (props.selectedDateTime) {
    // eslint-disable-next-line no-console
    console.warn('Warning: "selectedDateTime" is deprecated and will be removed in the next major version. Use "value" instead please.');
  }
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateTime.default.Manager, {
    id: props.id,
    value: props.value || props.selectedDateTime,
    useSeconds: props.useSeconds,
    useUTC: props.useUTC,
    timezone: props.timezone,
    onChange: props.onChange,
    defaultTimeValue: props.defaultTimeValue,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Context.DateTimeContext.Consumer, {
      children: ({
        date,
        time,
        onDateChange,
        onTimeChange
      }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
        className: _InputDateTimePickerModule.default['date-time-picker'],
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputDatePicker.default, {
          "data-testid": "date-picker",
          id: `${props.id}-date-picker`,
          readOnly: props.readOnly,
          disabled: props.disabled,
          onBlur: props.onBlur,
          onChange: onDateChange,
          value: date,
          dateFormat: props.dateFormat,
          startDate: props.startDate,
          endDate: props.endDate,
          minWidth: props.minWidthDate,
          isDisabledChecker: props.isDisabledChecker
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputTimePicker.default, {
          "data-testid": "time-picker",
          id: `${props.id}-time-picker`,
          readOnly: props.readOnly,
          disabled: props.disabled,
          onBlur: props.onBlur,
          onChange: onTimeChange,
          value: time,
          useSeconds: props.useSeconds,
          timezone: props.timezone,
          minWidth: props.minWidthTime
        })]
      })
    })
  });
}
InputDateTimePicker.propTypes = {
  id: _propTypes.default.string.isRequired,
  value: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]),
  selectedDateTime: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]),
  onChange: _propTypes.default.func,
  onBlur: _propTypes.default.func,
  disabled: _propTypes.default.bool,
  readOnly: _propTypes.default.bool,
  dateFormat: _propTypes.default.string,
  useSeconds: _propTypes.default.bool,
  useUTC: _propTypes.default.bool,
  timezone: _propTypes.default.string,
  defaultTimeValue: _propTypes.default.shape({
    hours: _propTypes.default.string.isRequired,
    minutes: _propTypes.default.string.isRequired,
    seconds: _propTypes.default.string
  }),
  startDate: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]),
  endDate: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]),
  minWidthDate: _propTypes.default.number,
  minWidthTime: _propTypes.default.number,
  isDisabledChecker: _propTypes.default.bool
};
InputDateTimePicker.defaultProps = {
  dateFormat: 'YYYY-MM-DD',
  useSeconds: false,
  useUTC: false,
  // default behaviour is to forbid empty values
  required: true
};
function InputDateTimePickerSwitch(props) {
  if (props.formMode) {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LegacyDateTimePickers.default, {
      ...props
    });
  }
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InputDateTimePicker, {
    ...props
  });
}
InputDateTimePickerSwitch.propTypes = {
  formMode: _propTypes.default.bool,
  ..._InputDatePicker.default.propTypes
};
var _default = exports.default = InputDateTimePickerSwitch;
//# sourceMappingURL=InputDateTimePicker.component.js.map