@indec/form-builder/lib/components/DatePicker/DatePicker.js

Form builder

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _es = require("date-fns/locale/es");
var _dateTypes = _interopRequireDefault(require("../../constants/dateTypes"));
var _FieldMessage = _interopRequireDefault(require("../FieldMessage"));
var _InputLabel = _interopRequireDefault(require("../InputLabel"));
var _DateTimePickerSelector = _interopRequireDefault(require("./DateTimePickerSelector"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function DatePicker(_ref) {
  var dateType = _ref.metadata.dateType,
    field = _ref.field,
    label = _ref.label,
    form = _ref.form,
    _ref$warnings = _ref.warnings,
    warnings = _ref$warnings === void 0 ? {} : _ref$warnings,
    _ref$disabled = _ref.disabled,
    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
    _ref$placeholder = _ref.placeholder,
    placeholder = _ref$placeholder === void 0 ? '[Seleccione fecha]' : _ref$placeholder;
  var isRange = [_dateTypes["default"].RANGE_WITHOUT_HOUR, _dateTypes["default"].RANGE_WITH_HOUR].includes(dateType);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    className: "fb:flex fb:flex-col",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputLabel["default"], {
      label: label,
      form: form,
      field: field,
      warnings: warnings,
      disabled: disabled
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
      className: "fb:flex fb:flex-col sm:fb:flex-row fb:gap-2 sm:fb:gap-4",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DateTimePickerSelector["default"], {
        type: dateType,
        label: isRange ? 'Fecha de inicio' : '',
        value: isRange ? field.value.start : field.value,
        onChange: function onChange(newValue) {
          form.setFieldValue(isRange ? "".concat(field.name, ".start") : field.name, newValue);
          form.setFieldTouched(isRange ? "".concat(field.name, ".start") : field.name, false);
        },
        disabled: disabled,
        placeholder: placeholder,
        locale: _es.es
      }), isRange && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateTimePickerSelector["default"], {
        type: dateType,
        minutesStep: 1,
        label: "Fecha de fin",
        value: field.value.end,
        onChange: function onChange(newValue) {
          form.setFieldValue("".concat(field.name, ".end"), newValue);
          form.setFieldTouched("".concat(field.name, ".end"), false);
        },
        disabled: !field.value.start,
        placeholder: placeholder,
        locale: _es.es
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldMessage["default"], {
      warnings: warnings,
      form: form,
      field: field
    })]
  });
}
var _default = exports["default"] = DatePicker;