@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.js
CHANGED
|
@@ -2750,8 +2750,10 @@ const DateInput = ({
|
|
|
2750
2750
|
size,
|
|
2751
2751
|
value,
|
|
2752
2752
|
dayLabel,
|
|
2753
|
+
dayAutoComplete,
|
|
2753
2754
|
monthLabel,
|
|
2754
2755
|
yearLabel,
|
|
2756
|
+
yearAutoComplete,
|
|
2755
2757
|
monthFormat,
|
|
2756
2758
|
mode,
|
|
2757
2759
|
onChange,
|
|
@@ -2949,6 +2951,7 @@ const DateInput = ({
|
|
|
2949
2951
|
children: /*#__PURE__*/jsxRuntime.jsx(Input, {
|
|
2950
2952
|
type: "number",
|
|
2951
2953
|
name: "day",
|
|
2954
|
+
autoComplete: dayAutoComplete,
|
|
2952
2955
|
value: day || '',
|
|
2953
2956
|
placeholder: placeholders.day,
|
|
2954
2957
|
disabled: disabled,
|
|
@@ -2971,6 +2974,7 @@ const DateInput = ({
|
|
|
2971
2974
|
children: /*#__PURE__*/jsxRuntime.jsx(Input, {
|
|
2972
2975
|
type: "number",
|
|
2973
2976
|
name: "year",
|
|
2977
|
+
autoComplete: yearAutoComplete,
|
|
2974
2978
|
placeholder: placeholders.year,
|
|
2975
2979
|
value: year || '',
|
|
2976
2980
|
disabled: disabled,
|
|
@@ -3018,8 +3022,10 @@ DateInput.propTypes = {
|
|
|
3018
3022
|
onFocus: PropTypes__default.default.func,
|
|
3019
3023
|
onBlur: PropTypes__default.default.func,
|
|
3020
3024
|
dayLabel: PropTypes__default.default.string,
|
|
3025
|
+
dayAutoComplete: PropTypes__default.default.string,
|
|
3021
3026
|
monthLabel: PropTypes__default.default.string,
|
|
3022
3027
|
yearLabel: PropTypes__default.default.string,
|
|
3028
|
+
yearAutoComplete: PropTypes__default.default.string,
|
|
3023
3029
|
monthFormat: PropTypes__default.default.oneOf(['long', 'short']),
|
|
3024
3030
|
mode: PropTypes__default.default.oneOf(['day-month-year', 'month-year']),
|
|
3025
3031
|
placeholders: PropTypes__default.default.shape({
|
|
@@ -3036,6 +3042,8 @@ DateInput.defaultProps = {
|
|
|
3036
3042
|
value: null,
|
|
3037
3043
|
onFocus: null,
|
|
3038
3044
|
onBlur: null,
|
|
3045
|
+
dayAutoComplete: null,
|
|
3046
|
+
yearAutoComplete: null,
|
|
3039
3047
|
monthFormat: exports.MonthFormat.LONG,
|
|
3040
3048
|
mode: exports.DateMode.DAY_MONTH_YEAR,
|
|
3041
3049
|
id: '',
|
|
@@ -10125,6 +10133,7 @@ const PhoneNumberInput = props => {
|
|
|
10125
10133
|
className: `input-group input-group-${size}`,
|
|
10126
10134
|
children: /*#__PURE__*/jsxRuntime.jsx("input", {
|
|
10127
10135
|
id: id,
|
|
10136
|
+
autoComplete: "tel-national",
|
|
10128
10137
|
name: "phoneNumber",
|
|
10129
10138
|
inputMode: "numeric",
|
|
10130
10139
|
value: internalValue.suffix,
|