@blueprintjs-formik/datetime/dist/esm/src/components/DateInput.js

Bindings for using Formik and Blueprint.js

import { __rest, __assign } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@2.80.0_tslib@2.8.1_typescript@4.9.5/node_modules/tslib/tslib.es6.js';
import React from 'react';
import { getIn } from 'formik';
import { Intent } from '@blueprintjs/core';
import { DateInput as DateInput$1 } from '@blueprintjs/datetime';
import { Field } from '@blueprintjs-formik/core';

var defaultFormFormatDate = function (date) { return date.toISOString(); };
var defaultFormParseDate = function (str) { return (str ? new Date(str) : null); };
/**
 * Transforms field props to input group props.
 * @param {DateInputProps}
 * @returns {FieldToDateInput}
 */
function fieldToDateInput(_a) {
    var _b = _a.field; _b.onBlur; var field = __rest(_b, ["onBlur"]), _c = _a.form, touched = _c.touched, errors = _c.errors, form = __rest(_c, ["touched", "errors"]); _a.meta; var props = __rest(_a, ["field", "form", "meta"]);
    var fieldError = getIn(errors, field.name);
    var showError = getIn(touched, field.name) && !!fieldError;
    var valueParser = (props === null || props === void 0 ? void 0 : props.formParseDate) || defaultFormParseDate;
    var valueFormatter = (props === null || props === void 0 ? void 0 : props.formFormatDate) || defaultFormFormatDate;
    var value = valueParser(field.value);
    return __assign(__assign(__assign({}, field), { onChange: function (selectedDate, _isUserChange) {
            if (selectedDate) {
                var changedValue = valueFormatter(selectedDate);
                form.setFieldValue(field.name, changedValue);
            }
            else {
                form.setFieldValue(field.name, '');
            }
        }, inputProps: __assign({ intent: showError ? Intent.DANGER : Intent.NONE, id: field.name }, props === null || props === void 0 ? void 0 : props.inputProps), value: value }), props);
}
/**
 * Date input Blueprint component binded with Formik.
 * @param {DateInputProps} props - Date input props
 * @returns {JSX.Element}
 */
function DateInput(_a) {
    var props = __rest(_a, []);
    var FieldToDatePicker = function (fieldProps) { return (React.createElement(DateInput$1, __assign({}, fieldToDateInput(__assign(__assign({}, fieldProps), props))))); };
    return React.createElement(Field, __assign({}, props, { component: FieldToDatePicker }));
}

export { DateInput };
//# sourceMappingURL=DateInput.js.map