@dnb/eufemia/extensions/forms/Field/Date/DateDocs.js

DNB Eufemia Design System UI Library

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
import { DatePickerProperties, DatePickerEvents } from '../../../../components/date-picker/DatePickerDocs';
const {
    showCancelButton,
    showResetButton,
    showInput,
    range,
    skeleton,
    tooltip,
    globalStatus,
    statusProps,
    statusState,
    status,
    inputElement,
    label,
    labelDirection,
    labelSrOnly,
    suffix,
    stretch,
    size,
    date,
    startDate,
    endDate,
    '[Space](/uilib/layout/space/properties)': space
  } = DatePickerProperties,
  datePickerProperties = _objectWithoutProperties(DatePickerProperties, ["showCancelButton", "showResetButton", "showInput", "range", "skeleton", "tooltip", "globalStatus", "statusProps", "statusState", "status", "inputElement", "label", "labelDirection", "labelSrOnly", "suffix", "stretch", "size", "date", "startDate", "endDate", "[Space](/uilib/layout/space/properties)"]);
export const DateProperties = _objectSpread(_objectSpread({
  range: _objectSpread(_objectSpread({}, range), {}, {
    doc: 'Defines if the Date field should support a value of two dates (starting and ending date). ' + 'The `value` needs to be a string containing two dates, separated by a pipe character (`|`) (`01-09-2024|30-09-2024`) when this is set to `true`. ' + 'Defaults to `false`.'
  }),
  showInput: _objectSpread(_objectSpread({}, showInput), {}, {
    doc: 'If the input fields with the mask should be visible. Defaults to `true`.'
  }),
  showCancelButton: _objectSpread(_objectSpread({}, showCancelButton), {}, {
    doc: 'If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText="Avbryt"` Defaults to `true`. If the `range` property is `true`, then the cancel button is shown.'
  }),
  showResetButton: _objectSpread(_objectSpread({}, showResetButton), {}, {
    doc: 'If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText="Tilbakestill"` Defaults to `true`.'
  }),
  size: _objectSpread(_objectSpread({}, size), {}, {
    doc: `${size.doc} Consider rather setting field sizes with [Form.Appearance](/uilib/extensions/forms/Form/Appearance/).`
  })
}, datePickerProperties), {}, {
  onBlurValidator: {
    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to validating invalid dates, and dates against `minDate` and `maxDate`, using `dateValidator`. Can be disabled using `false`.',
    type: 'function',
    status: 'optional'
  }
});
const {
    onChange,
    onBlur,
    onFocus
  } = DatePickerEvents,
  datePickerEvents = _objectWithoutProperties(DatePickerEvents, ["onChange", "onBlur", "onFocus"]);
export const DateEvents = datePickerEvents;
//# sourceMappingURL=DateDocs.js.map