envoc-form
Version:
Envoc form components
30 lines (29 loc) • 1.19 kB
JavaScript
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
import { jsx as _jsx } from "react/jsx-runtime";
import DatePickerGroup from './DatePickerGroup';
/**
* Date picker input that consumes and outputs as a date only string in ISO format `YYYY-MM-DD`.
*
* Default display to the user is in `MM/DD/YYYY` format.
*/
export default function StringDatePickerGroup(props) {
return _jsx(DatePickerGroup, __assign({}, props, { convert: convertToDateOnly }));
}
function convertToDateOnly(arg) {
var year = new Intl.DateTimeFormat('en', { year: 'numeric' })
.format(arg)
.padStart(4, '0');
var month = new Intl.DateTimeFormat('en', { month: '2-digit' }).format(arg);
var day = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(arg);
return "".concat(year, "-").concat(month, "-").concat(day);
}