tf-checkout-react 1.3.30 → 1.3.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/common/DatePickerField.d.ts +1 -1
- package/dist/tf-checkout-react.cjs.development.js +10 -4
- package/dist/tf-checkout-react.cjs.development.js.map +1 -1
- package/dist/tf-checkout-react.cjs.production.min.js +1 -1
- package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
- package/dist/tf-checkout-react.esm.js +10 -4
- package/dist/tf-checkout-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/billing-info-container/index.tsx +6 -0
- package/src/components/common/DatePickerField.tsx +4 -2
- package/src/.DS_Store +0 -0
- package/src/components/.DS_Store +0 -0
- package/src/components/common/dist/PhoneNumberField.js +0 -96
|
@@ -10,5 +10,5 @@ export interface IDatePickerFieldProps {
|
|
|
10
10
|
interface IOtherProps {
|
|
11
11
|
[key: string]: any;
|
|
12
12
|
}
|
|
13
|
-
export declare const DatePickerField: ({ label, field, form, theme, useCompact, }: IDatePickerFieldProps & IOtherProps) => JSX.Element;
|
|
13
|
+
export declare const DatePickerField: ({ label, field, form, theme, useCompact, dateFormat, datePlaceholder }: IDatePickerFieldProps & IOtherProps) => JSX.Element;
|
|
14
14
|
export {};
|
|
@@ -1759,7 +1759,11 @@ var DatePickerField = function DatePickerField(_ref) {
|
|
|
1759
1759
|
form = _ref.form,
|
|
1760
1760
|
theme = _ref.theme,
|
|
1761
1761
|
_ref$useCompact = _ref.useCompact,
|
|
1762
|
-
useCompact = _ref$useCompact === void 0 ? true : _ref$useCompact
|
|
1762
|
+
useCompact = _ref$useCompact === void 0 ? true : _ref$useCompact,
|
|
1763
|
+
_ref$dateFormat = _ref.dateFormat,
|
|
1764
|
+
dateFormat = _ref$dateFormat === void 0 ? 'DD/MM/YYYY' : _ref$dateFormat,
|
|
1765
|
+
_ref$datePlaceholder = _ref.datePlaceholder,
|
|
1766
|
+
datePlaceholder = _ref$datePlaceholder === void 0 ? 'dd/mm/yyyy' : _ref$datePlaceholder;
|
|
1763
1767
|
return React__default.createElement(styles.ThemeProvider, {
|
|
1764
1768
|
theme: useCompact ? compactStyleTheme : {}
|
|
1765
1769
|
}, React__default.createElement(LocalizationProvider.LocalizationProvider, {
|
|
@@ -1774,12 +1778,12 @@ var DatePickerField = function DatePickerField(_ref) {
|
|
|
1774
1778
|
},
|
|
1775
1779
|
showDaysOutsideCurrentMonth: true,
|
|
1776
1780
|
disableFuture: true,
|
|
1777
|
-
inputFormat:
|
|
1781
|
+
inputFormat: dateFormat,
|
|
1778
1782
|
mask: "__/__/____",
|
|
1779
1783
|
renderInput: function renderInput(params) {
|
|
1780
1784
|
return React__default.createElement(CustomField, Object.assign({}, params, {
|
|
1781
1785
|
inputProps: _extends({}, params.inputProps, {
|
|
1782
|
-
placeholder:
|
|
1786
|
+
placeholder: datePlaceholder
|
|
1783
1787
|
}),
|
|
1784
1788
|
theme: theme,
|
|
1785
1789
|
field: _extends({}, field, {
|
|
@@ -3759,7 +3763,9 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
|
|
|
3759
3763
|
selectOptions: element.name === 'country' ? countries : element.name === 'state' ? states : [],
|
|
3760
3764
|
theme: theme,
|
|
3761
3765
|
disableDropdown: element.disableDropdown,
|
|
3762
|
-
defaultCountry: element.defaultCountry
|
|
3766
|
+
defaultCountry: element.defaultCountry,
|
|
3767
|
+
dateFormat: element.format,
|
|
3768
|
+
datePlaceholder: element.placeholder
|
|
3763
3769
|
})));
|
|
3764
3770
|
})));
|
|
3765
3771
|
}));
|