UNPKG

@dnb/eufemia

Version:

DNB Eufemia Design System UI Library

60 lines 3.82 kB
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