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

Bindings for using Formik and Blueprint.js

import { __rest, __assign } from '../_virtual/_tslib.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) {
            var changedValue = valueFormatter(selectedDate);
            form.setFieldValue(field.name, changedValue);
        }, inputProps: __assign({ intent: showError ? Intent.DANGER : Intent.NONE, id: field.name }, props === null || props === void 0 ? void 0 : props.inputProps), value: value }), props);
}
/**
 * Transformes field props to date input props.
 * @param   {FieldToDateInput} props -
 * @returns {JSX.Element}
 */
function FieldToDatePicker(_a) {
    var props = __rest(_a, []);
    return React.createElement(DateInput$1, __assign({}, fieldToDateInput(props)));
}
/**
 * Date input Blueprint component binded with Formik.
 * @param   {DateInputProps}
 * @returns {JSX.Element}
 */
function DateInput(_a) {
    var props = __rest(_a, []);
    return React.createElement(Field, __assign({}, props, { component: FieldToDatePicker }));
}

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