@transferwise/components 0.0.0-experimental-8e7ab50 → 0.0.0-experimental-72aed20
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/build/index.esm.js +9 -0
- package/build/index.esm.js.map +1 -1
- package/build/index.js +9 -0
- package/build/index.js.map +1 -1
- package/build/types/dateInput/DateInput.d.ts +2 -0
- package/build/types/dateInput/DateInput.d.ts.map +1 -1
- package/build/types/phoneNumberInput/PhoneNumberInput.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/dateInput/DateInput.js +8 -0
- package/src/dateInput/DateInput.story.tsx +2 -0
- package/src/phoneNumberInput/PhoneNumberInput.js +1 -0
package/build/index.esm.js
CHANGED
|
@@ -2717,8 +2717,10 @@ const DateInput = ({
|
|
|
2717
2717
|
size,
|
|
2718
2718
|
value,
|
|
2719
2719
|
dayLabel,
|
|
2720
|
+
dayAutoComplete,
|
|
2720
2721
|
monthLabel,
|
|
2721
2722
|
yearLabel,
|
|
2723
|
+
yearAutoComplete,
|
|
2722
2724
|
monthFormat,
|
|
2723
2725
|
mode,
|
|
2724
2726
|
onChange,
|
|
@@ -2916,6 +2918,7 @@ const DateInput = ({
|
|
|
2916
2918
|
children: /*#__PURE__*/jsx(Input, {
|
|
2917
2919
|
type: "number",
|
|
2918
2920
|
name: "day",
|
|
2921
|
+
autoComplete: dayAutoComplete,
|
|
2919
2922
|
value: day || '',
|
|
2920
2923
|
placeholder: placeholders.day,
|
|
2921
2924
|
disabled: disabled,
|
|
@@ -2938,6 +2941,7 @@ const DateInput = ({
|
|
|
2938
2941
|
children: /*#__PURE__*/jsx(Input, {
|
|
2939
2942
|
type: "number",
|
|
2940
2943
|
name: "year",
|
|
2944
|
+
autoComplete: yearAutoComplete,
|
|
2941
2945
|
placeholder: placeholders.year,
|
|
2942
2946
|
value: year || '',
|
|
2943
2947
|
disabled: disabled,
|
|
@@ -2985,8 +2989,10 @@ DateInput.propTypes = {
|
|
|
2985
2989
|
onFocus: PropTypes.func,
|
|
2986
2990
|
onBlur: PropTypes.func,
|
|
2987
2991
|
dayLabel: PropTypes.string,
|
|
2992
|
+
dayAutoComplete: PropTypes.string,
|
|
2988
2993
|
monthLabel: PropTypes.string,
|
|
2989
2994
|
yearLabel: PropTypes.string,
|
|
2995
|
+
yearAutoComplete: PropTypes.string,
|
|
2990
2996
|
monthFormat: PropTypes.oneOf(['long', 'short']),
|
|
2991
2997
|
mode: PropTypes.oneOf(['day-month-year', 'month-year']),
|
|
2992
2998
|
placeholders: PropTypes.shape({
|
|
@@ -3003,6 +3009,8 @@ DateInput.defaultProps = {
|
|
|
3003
3009
|
value: null,
|
|
3004
3010
|
onFocus: null,
|
|
3005
3011
|
onBlur: null,
|
|
3012
|
+
dayAutoComplete: null,
|
|
3013
|
+
yearAutoComplete: null,
|
|
3006
3014
|
monthFormat: MonthFormat.LONG,
|
|
3007
3015
|
mode: DateMode.DAY_MONTH_YEAR,
|
|
3008
3016
|
id: '',
|
|
@@ -10092,6 +10100,7 @@ const PhoneNumberInput = props => {
|
|
|
10092
10100
|
className: `input-group input-group-${size}`,
|
|
10093
10101
|
children: /*#__PURE__*/jsx("input", {
|
|
10094
10102
|
id: id,
|
|
10103
|
+
autoComplete: "tel-national",
|
|
10095
10104
|
name: "phoneNumber",
|
|
10096
10105
|
inputMode: "numeric",
|
|
10097
10106
|
value: internalValue.suffix,
|