@star-insure/sdk 4.3.4 → 4.3.5
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/sdk.cjs.development.js +17 -7
- package/dist/sdk.cjs.development.js.map +1 -1
- package/dist/sdk.cjs.production.min.js +1 -1
- package/dist/sdk.cjs.production.min.js.map +1 -1
- package/dist/sdk.esm.js +17 -7
- package/dist/sdk.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/forms/DateOfBirthField.tsx +16 -4
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@star-insure/sdk",
|
|
3
3
|
"description": "The SDK for Star Insure client apps with shared helper functions and TypeScript definitions.",
|
|
4
4
|
"author": "alexclark_nz",
|
|
5
|
-
"version": "4.3.
|
|
5
|
+
"version": "4.3.5",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|
|
@@ -69,16 +69,26 @@ export default function DateOfBirthField({
|
|
|
69
69
|
const isValidDate =
|
|
70
70
|
year && month && day && !isNaN(Date.parse(`${year}-${month}-${day}`));
|
|
71
71
|
|
|
72
|
+
const styleReq = {
|
|
73
|
+
backgroundPosition: 'top 10px right 3px, center right 10px',
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
const style = {
|
|
77
|
+
backgroundPosition: 'right 0.5rem center',
|
|
78
|
+
paddingRight: '1.5rem'
|
|
79
|
+
}
|
|
80
|
+
|
|
72
81
|
return (
|
|
73
82
|
<span className="flex flex-col gap-2">
|
|
74
|
-
<span className="flex
|
|
83
|
+
<span className="flex w-full border border-gray-300 rounded-lg bg-white">
|
|
75
84
|
<select
|
|
76
85
|
name={`${name}_day`}
|
|
77
86
|
id={`${id}_day`}
|
|
78
87
|
value={day}
|
|
79
|
-
className="flex-grow focus:outline-none border-0"
|
|
88
|
+
className="flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2"
|
|
80
89
|
onChange={handleChange}
|
|
81
90
|
required={isRequired}
|
|
91
|
+
style={isRequired ? styleReq : style}
|
|
82
92
|
>
|
|
83
93
|
<option value="">Day</option>
|
|
84
94
|
{dayOptions.map(option => (
|
|
@@ -91,9 +101,10 @@ export default function DateOfBirthField({
|
|
|
91
101
|
name={`${name}_month`}
|
|
92
102
|
id={`${id}_month`}
|
|
93
103
|
value={month}
|
|
94
|
-
className="flex-grow focus:outline-none border-0"
|
|
104
|
+
className="flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2"
|
|
95
105
|
onChange={handleChange}
|
|
96
106
|
required={isRequired}
|
|
107
|
+
style={isRequired ? styleReq : style}
|
|
97
108
|
>
|
|
98
109
|
<option value="">Month</option>
|
|
99
110
|
{monthOptions.map(option => (
|
|
@@ -106,9 +117,10 @@ export default function DateOfBirthField({
|
|
|
106
117
|
name={`${name}_year`}
|
|
107
118
|
id={`${id}_year`}
|
|
108
119
|
value={year}
|
|
109
|
-
className="flex-grow focus:outline-none border-0"
|
|
120
|
+
className="flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2"
|
|
110
121
|
onChange={handleChange}
|
|
111
122
|
required={isRequired}
|
|
123
|
+
style={isRequired ? styleReq : style}
|
|
112
124
|
>
|
|
113
125
|
<option value="">Year</option>
|
|
114
126
|
{yearOptions.map(option => (
|