@mirai/ui 1.0.131 → 1.0.132
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/components/InputDate/InputDate.js +23 -97
- package/build/components/InputDate/InputDate.js.map +1 -1
- package/build/components/InputDate/InputDate.stories.js +9 -3
- package/build/components/InputDate/InputDate.stories.js.map +1 -1
- package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +65 -1406
- package/build/components/InputDate/helpers/formatValue.js +38 -0
- package/build/components/InputDate/helpers/formatValue.js.map +1 -0
- package/build/components/InputDate/helpers/index.js +17 -0
- package/build/components/InputDate/helpers/index.js.map +1 -0
- package/build/helpers/getInputDateErrors.js +2 -9
- package/build/helpers/getInputDateErrors.js.map +1 -1
- package/build/helpers/getInputPhoneErrors.js +2 -2
- package/build/helpers/getInputPhoneErrors.js.map +1 -1
- package/build/helpers/index.js +0 -11
- package/build/helpers/index.js.map +1 -1
- package/package.json +1 -1
- package/build/components/InputDate/InputDate.module.css +0 -37
- package/build/helpers/splitDate.js +0 -16
- package/build/helpers/splitDate.js.map +0 -1
|
@@ -6,328 +6,20 @@ exports[`component:<InputDate> inherit:className 1`] = `
|
|
|
6
6
|
class="view inputContainer mirai"
|
|
7
7
|
>
|
|
8
8
|
<div
|
|
9
|
-
class="view row
|
|
9
|
+
class="view row inputBorder"
|
|
10
10
|
>
|
|
11
11
|
<div
|
|
12
|
-
class="view
|
|
12
|
+
class="view wide content"
|
|
13
13
|
>
|
|
14
|
-
<
|
|
15
|
-
class="
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
class="view wide content"
|
|
22
|
-
>
|
|
23
|
-
<span
|
|
24
|
-
class="text paragraph text label"
|
|
25
|
-
>
|
|
26
|
-
DD
|
|
27
|
-
</span>
|
|
28
|
-
<input
|
|
29
|
-
class="input input withLabel"
|
|
30
|
-
maxlength="2"
|
|
31
|
-
name="name:DD"
|
|
32
|
-
type="text"
|
|
33
|
-
value=""
|
|
34
|
-
/>
|
|
35
|
-
</div>
|
|
36
|
-
</div>
|
|
37
|
-
</div>
|
|
38
|
-
<div
|
|
39
|
-
class="view forceRow separator"
|
|
14
|
+
<input
|
|
15
|
+
class="input input"
|
|
16
|
+
maxlength="10"
|
|
17
|
+
name="name"
|
|
18
|
+
placeholder="DD/MM/YYYY"
|
|
19
|
+
type="text"
|
|
20
|
+
value=""
|
|
40
21
|
/>
|
|
41
22
|
</div>
|
|
42
|
-
<div
|
|
43
|
-
class="view row inputField"
|
|
44
|
-
>
|
|
45
|
-
<div
|
|
46
|
-
class="view inputContainer input M"
|
|
47
|
-
>
|
|
48
|
-
<div
|
|
49
|
-
class="view row inputBorder"
|
|
50
|
-
>
|
|
51
|
-
<div
|
|
52
|
-
class="view wide content"
|
|
53
|
-
>
|
|
54
|
-
<span
|
|
55
|
-
class="text paragraph text label"
|
|
56
|
-
>
|
|
57
|
-
MM
|
|
58
|
-
</span>
|
|
59
|
-
<input
|
|
60
|
-
class="input input withLabel"
|
|
61
|
-
maxlength="2"
|
|
62
|
-
name="name:MM"
|
|
63
|
-
type="text"
|
|
64
|
-
value=""
|
|
65
|
-
/>
|
|
66
|
-
</div>
|
|
67
|
-
</div>
|
|
68
|
-
</div>
|
|
69
|
-
<div
|
|
70
|
-
class="view forceRow separator"
|
|
71
|
-
/>
|
|
72
|
-
</div>
|
|
73
|
-
<div
|
|
74
|
-
class="view row inputField"
|
|
75
|
-
>
|
|
76
|
-
<div
|
|
77
|
-
class="view inputContainer input Y"
|
|
78
|
-
>
|
|
79
|
-
<div
|
|
80
|
-
class="view row inputBorder"
|
|
81
|
-
>
|
|
82
|
-
<div
|
|
83
|
-
class="view wide content"
|
|
84
|
-
>
|
|
85
|
-
<span
|
|
86
|
-
class="text paragraph text label"
|
|
87
|
-
>
|
|
88
|
-
YYYY
|
|
89
|
-
</span>
|
|
90
|
-
<input
|
|
91
|
-
class="input input withLabel"
|
|
92
|
-
maxlength="4"
|
|
93
|
-
name="name:YYYY"
|
|
94
|
-
type="text"
|
|
95
|
-
value=""
|
|
96
|
-
/>
|
|
97
|
-
</div>
|
|
98
|
-
</div>
|
|
99
|
-
</div>
|
|
100
|
-
</div>
|
|
101
|
-
</div>
|
|
102
|
-
</div>
|
|
103
|
-
</DocumentFragment>
|
|
104
|
-
`;
|
|
105
|
-
|
|
106
|
-
exports[`component:<InputDate> prop:disabled 1`] = `
|
|
107
|
-
<DocumentFragment>
|
|
108
|
-
<div
|
|
109
|
-
class="view inputContainer"
|
|
110
|
-
>
|
|
111
|
-
<div
|
|
112
|
-
class="view row fieldset inputBorder disabled"
|
|
113
|
-
>
|
|
114
|
-
<div
|
|
115
|
-
class="view row inputField"
|
|
116
|
-
>
|
|
117
|
-
<div
|
|
118
|
-
class="view inputContainer input D"
|
|
119
|
-
>
|
|
120
|
-
<div
|
|
121
|
-
class="view row inputBorder disabled"
|
|
122
|
-
>
|
|
123
|
-
<div
|
|
124
|
-
class="view wide content"
|
|
125
|
-
>
|
|
126
|
-
<span
|
|
127
|
-
class="text paragraph text label disabled"
|
|
128
|
-
>
|
|
129
|
-
DD
|
|
130
|
-
</span>
|
|
131
|
-
<input
|
|
132
|
-
class="input input withLabel"
|
|
133
|
-
disabled=""
|
|
134
|
-
maxlength="2"
|
|
135
|
-
name="name:DD"
|
|
136
|
-
type="text"
|
|
137
|
-
value=""
|
|
138
|
-
/>
|
|
139
|
-
</div>
|
|
140
|
-
</div>
|
|
141
|
-
</div>
|
|
142
|
-
<div
|
|
143
|
-
class="view forceRow separator"
|
|
144
|
-
/>
|
|
145
|
-
</div>
|
|
146
|
-
<div
|
|
147
|
-
class="view row inputField"
|
|
148
|
-
>
|
|
149
|
-
<div
|
|
150
|
-
class="view inputContainer input M"
|
|
151
|
-
>
|
|
152
|
-
<div
|
|
153
|
-
class="view row inputBorder disabled"
|
|
154
|
-
>
|
|
155
|
-
<div
|
|
156
|
-
class="view wide content"
|
|
157
|
-
>
|
|
158
|
-
<span
|
|
159
|
-
class="text paragraph text label disabled"
|
|
160
|
-
>
|
|
161
|
-
MM
|
|
162
|
-
</span>
|
|
163
|
-
<input
|
|
164
|
-
class="input input withLabel"
|
|
165
|
-
disabled=""
|
|
166
|
-
maxlength="2"
|
|
167
|
-
name="name:MM"
|
|
168
|
-
type="text"
|
|
169
|
-
value=""
|
|
170
|
-
/>
|
|
171
|
-
</div>
|
|
172
|
-
</div>
|
|
173
|
-
</div>
|
|
174
|
-
<div
|
|
175
|
-
class="view forceRow separator"
|
|
176
|
-
/>
|
|
177
|
-
</div>
|
|
178
|
-
<div
|
|
179
|
-
class="view row inputField"
|
|
180
|
-
>
|
|
181
|
-
<div
|
|
182
|
-
class="view inputContainer input Y"
|
|
183
|
-
>
|
|
184
|
-
<div
|
|
185
|
-
class="view row inputBorder disabled"
|
|
186
|
-
>
|
|
187
|
-
<div
|
|
188
|
-
class="view wide content"
|
|
189
|
-
>
|
|
190
|
-
<span
|
|
191
|
-
class="text paragraph text label disabled"
|
|
192
|
-
>
|
|
193
|
-
YYYY
|
|
194
|
-
</span>
|
|
195
|
-
<input
|
|
196
|
-
class="input input withLabel"
|
|
197
|
-
disabled=""
|
|
198
|
-
maxlength="4"
|
|
199
|
-
name="name:YYYY"
|
|
200
|
-
type="text"
|
|
201
|
-
value=""
|
|
202
|
-
/>
|
|
203
|
-
</div>
|
|
204
|
-
</div>
|
|
205
|
-
</div>
|
|
206
|
-
</div>
|
|
207
|
-
</div>
|
|
208
|
-
</div>
|
|
209
|
-
</DocumentFragment>
|
|
210
|
-
`;
|
|
211
|
-
|
|
212
|
-
exports[`component:<InputDate> prop:error 1`] = `
|
|
213
|
-
<DocumentFragment>
|
|
214
|
-
<div
|
|
215
|
-
class="view inputContainer"
|
|
216
|
-
>
|
|
217
|
-
<div
|
|
218
|
-
class="view row fieldset inputBorder error"
|
|
219
|
-
>
|
|
220
|
-
<div
|
|
221
|
-
class="view row inputField"
|
|
222
|
-
>
|
|
223
|
-
<div
|
|
224
|
-
class="view inputContainer input D"
|
|
225
|
-
>
|
|
226
|
-
<div
|
|
227
|
-
class="view row inputBorder error"
|
|
228
|
-
>
|
|
229
|
-
<div
|
|
230
|
-
class="view wide content"
|
|
231
|
-
>
|
|
232
|
-
<span
|
|
233
|
-
class="text paragraph text label error withValue"
|
|
234
|
-
>
|
|
235
|
-
DD
|
|
236
|
-
</span>
|
|
237
|
-
<input
|
|
238
|
-
class="input input withLabel"
|
|
239
|
-
maxlength="2"
|
|
240
|
-
name="name:DD"
|
|
241
|
-
type="text"
|
|
242
|
-
value=""
|
|
243
|
-
/>
|
|
244
|
-
</div>
|
|
245
|
-
</div>
|
|
246
|
-
</div>
|
|
247
|
-
<div
|
|
248
|
-
class="view forceRow separator"
|
|
249
|
-
/>
|
|
250
|
-
</div>
|
|
251
|
-
<div
|
|
252
|
-
class="view row inputField"
|
|
253
|
-
>
|
|
254
|
-
<div
|
|
255
|
-
class="view inputContainer input M"
|
|
256
|
-
>
|
|
257
|
-
<div
|
|
258
|
-
class="view row inputBorder error"
|
|
259
|
-
>
|
|
260
|
-
<div
|
|
261
|
-
class="view wide content"
|
|
262
|
-
>
|
|
263
|
-
<span
|
|
264
|
-
class="text paragraph text label error withValue"
|
|
265
|
-
>
|
|
266
|
-
MM
|
|
267
|
-
</span>
|
|
268
|
-
<input
|
|
269
|
-
class="input input withLabel"
|
|
270
|
-
maxlength="2"
|
|
271
|
-
name="name:MM"
|
|
272
|
-
type="text"
|
|
273
|
-
value=""
|
|
274
|
-
/>
|
|
275
|
-
</div>
|
|
276
|
-
</div>
|
|
277
|
-
</div>
|
|
278
|
-
<div
|
|
279
|
-
class="view forceRow separator"
|
|
280
|
-
/>
|
|
281
|
-
</div>
|
|
282
|
-
<div
|
|
283
|
-
class="view row inputField"
|
|
284
|
-
>
|
|
285
|
-
<div
|
|
286
|
-
class="view inputContainer input Y"
|
|
287
|
-
>
|
|
288
|
-
<div
|
|
289
|
-
class="view row inputBorder error"
|
|
290
|
-
>
|
|
291
|
-
<div
|
|
292
|
-
class="view wide content"
|
|
293
|
-
>
|
|
294
|
-
<span
|
|
295
|
-
class="text paragraph text label error withValue"
|
|
296
|
-
>
|
|
297
|
-
YYYY
|
|
298
|
-
</span>
|
|
299
|
-
<input
|
|
300
|
-
class="input input withLabel"
|
|
301
|
-
maxlength="4"
|
|
302
|
-
name="name:YYYY"
|
|
303
|
-
type="text"
|
|
304
|
-
value=""
|
|
305
|
-
/>
|
|
306
|
-
</div>
|
|
307
|
-
<span
|
|
308
|
-
class="icon headline-3 icon error"
|
|
309
|
-
>
|
|
310
|
-
<svg
|
|
311
|
-
fill="currentColor"
|
|
312
|
-
height="1em"
|
|
313
|
-
stroke="currentColor"
|
|
314
|
-
stroke-width="0"
|
|
315
|
-
viewBox="0 0 24 24"
|
|
316
|
-
width="1em"
|
|
317
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
318
|
-
>
|
|
319
|
-
<path
|
|
320
|
-
d="M0 0h24v24H0V0z"
|
|
321
|
-
fill="none"
|
|
322
|
-
/>
|
|
323
|
-
<path
|
|
324
|
-
d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
|
|
325
|
-
/>
|
|
326
|
-
</svg>
|
|
327
|
-
</span>
|
|
328
|
-
</div>
|
|
329
|
-
</div>
|
|
330
|
-
</div>
|
|
331
23
|
</div>
|
|
332
24
|
</div>
|
|
333
25
|
</DocumentFragment>
|
|
@@ -339,643 +31,45 @@ exports[`component:<InputDate> prop:format 1`] = `
|
|
|
339
31
|
class="view inputContainer"
|
|
340
32
|
>
|
|
341
33
|
<div
|
|
342
|
-
class="view row
|
|
343
|
-
>
|
|
344
|
-
<div
|
|
345
|
-
class="view row inputField"
|
|
346
|
-
>
|
|
347
|
-
<div
|
|
348
|
-
class="view inputContainer input M"
|
|
349
|
-
>
|
|
350
|
-
<div
|
|
351
|
-
class="view row inputBorder"
|
|
352
|
-
>
|
|
353
|
-
<div
|
|
354
|
-
class="view wide content"
|
|
355
|
-
>
|
|
356
|
-
<span
|
|
357
|
-
class="text paragraph text label"
|
|
358
|
-
>
|
|
359
|
-
MM
|
|
360
|
-
</span>
|
|
361
|
-
<input
|
|
362
|
-
class="input input withLabel"
|
|
363
|
-
maxlength="2"
|
|
364
|
-
name="name:MM"
|
|
365
|
-
type="text"
|
|
366
|
-
value=""
|
|
367
|
-
/>
|
|
368
|
-
</div>
|
|
369
|
-
</div>
|
|
370
|
-
</div>
|
|
371
|
-
<div
|
|
372
|
-
class="view forceRow separator"
|
|
373
|
-
/>
|
|
374
|
-
</div>
|
|
375
|
-
<div
|
|
376
|
-
class="view row inputField"
|
|
377
|
-
>
|
|
378
|
-
<div
|
|
379
|
-
class="view inputContainer input D"
|
|
380
|
-
>
|
|
381
|
-
<div
|
|
382
|
-
class="view row inputBorder"
|
|
383
|
-
>
|
|
384
|
-
<div
|
|
385
|
-
class="view wide content"
|
|
386
|
-
>
|
|
387
|
-
<span
|
|
388
|
-
class="text paragraph text label"
|
|
389
|
-
>
|
|
390
|
-
DD
|
|
391
|
-
</span>
|
|
392
|
-
<input
|
|
393
|
-
class="input input withLabel"
|
|
394
|
-
maxlength="2"
|
|
395
|
-
name="name:DD"
|
|
396
|
-
type="text"
|
|
397
|
-
value=""
|
|
398
|
-
/>
|
|
399
|
-
</div>
|
|
400
|
-
</div>
|
|
401
|
-
</div>
|
|
402
|
-
<div
|
|
403
|
-
class="view forceRow separator"
|
|
404
|
-
/>
|
|
405
|
-
</div>
|
|
406
|
-
<div
|
|
407
|
-
class="view row inputField"
|
|
408
|
-
>
|
|
409
|
-
<div
|
|
410
|
-
class="view inputContainer input Y"
|
|
411
|
-
>
|
|
412
|
-
<div
|
|
413
|
-
class="view row inputBorder"
|
|
414
|
-
>
|
|
415
|
-
<div
|
|
416
|
-
class="view wide content"
|
|
417
|
-
>
|
|
418
|
-
<span
|
|
419
|
-
class="text paragraph text label"
|
|
420
|
-
>
|
|
421
|
-
YYYY
|
|
422
|
-
</span>
|
|
423
|
-
<input
|
|
424
|
-
class="input input withLabel"
|
|
425
|
-
maxlength="4"
|
|
426
|
-
name="name:YYYY"
|
|
427
|
-
type="text"
|
|
428
|
-
value=""
|
|
429
|
-
/>
|
|
430
|
-
</div>
|
|
431
|
-
</div>
|
|
432
|
-
</div>
|
|
433
|
-
</div>
|
|
434
|
-
</div>
|
|
435
|
-
</div>
|
|
436
|
-
</DocumentFragment>
|
|
437
|
-
`;
|
|
438
|
-
|
|
439
|
-
exports[`component:<InputDate> prop:label 1`] = `
|
|
440
|
-
<DocumentFragment>
|
|
441
|
-
<div
|
|
442
|
-
class="view inputContainer"
|
|
443
|
-
>
|
|
444
|
-
<div
|
|
445
|
-
class="view row"
|
|
446
|
-
>
|
|
447
|
-
<span
|
|
448
|
-
class="text paragraph text label"
|
|
449
|
-
>
|
|
450
|
-
label
|
|
451
|
-
</span>
|
|
452
|
-
</div>
|
|
453
|
-
<div
|
|
454
|
-
class="view row fieldset inputBorder"
|
|
34
|
+
class="view row inputBorder"
|
|
455
35
|
>
|
|
456
36
|
<div
|
|
457
|
-
class="view
|
|
458
|
-
>
|
|
459
|
-
<div
|
|
460
|
-
class="view inputContainer input D"
|
|
461
|
-
>
|
|
462
|
-
<div
|
|
463
|
-
class="view row inputBorder"
|
|
464
|
-
>
|
|
465
|
-
<div
|
|
466
|
-
class="view wide content"
|
|
467
|
-
>
|
|
468
|
-
<span
|
|
469
|
-
class="text paragraph text label"
|
|
470
|
-
>
|
|
471
|
-
DD
|
|
472
|
-
</span>
|
|
473
|
-
<input
|
|
474
|
-
class="input input withLabel"
|
|
475
|
-
maxlength="2"
|
|
476
|
-
name="name:DD"
|
|
477
|
-
type="text"
|
|
478
|
-
value=""
|
|
479
|
-
/>
|
|
480
|
-
</div>
|
|
481
|
-
</div>
|
|
482
|
-
</div>
|
|
483
|
-
<div
|
|
484
|
-
class="view forceRow separator"
|
|
485
|
-
/>
|
|
486
|
-
</div>
|
|
487
|
-
<div
|
|
488
|
-
class="view row inputField"
|
|
37
|
+
class="view wide content"
|
|
489
38
|
>
|
|
490
|
-
<
|
|
491
|
-
class="
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
class="view wide content"
|
|
498
|
-
>
|
|
499
|
-
<span
|
|
500
|
-
class="text paragraph text label"
|
|
501
|
-
>
|
|
502
|
-
MM
|
|
503
|
-
</span>
|
|
504
|
-
<input
|
|
505
|
-
class="input input withLabel"
|
|
506
|
-
maxlength="2"
|
|
507
|
-
name="name:MM"
|
|
508
|
-
type="text"
|
|
509
|
-
value=""
|
|
510
|
-
/>
|
|
511
|
-
</div>
|
|
512
|
-
</div>
|
|
513
|
-
</div>
|
|
514
|
-
<div
|
|
515
|
-
class="view forceRow separator"
|
|
39
|
+
<input
|
|
40
|
+
class="input input"
|
|
41
|
+
maxlength="10"
|
|
42
|
+
name="name"
|
|
43
|
+
placeholder="MM/DD/YYYY"
|
|
44
|
+
type="text"
|
|
45
|
+
value=""
|
|
516
46
|
/>
|
|
517
47
|
</div>
|
|
518
|
-
<div
|
|
519
|
-
class="view row inputField"
|
|
520
|
-
>
|
|
521
|
-
<div
|
|
522
|
-
class="view inputContainer input Y"
|
|
523
|
-
>
|
|
524
|
-
<div
|
|
525
|
-
class="view row inputBorder"
|
|
526
|
-
>
|
|
527
|
-
<div
|
|
528
|
-
class="view wide content"
|
|
529
|
-
>
|
|
530
|
-
<span
|
|
531
|
-
class="text paragraph text label"
|
|
532
|
-
>
|
|
533
|
-
YYYY
|
|
534
|
-
</span>
|
|
535
|
-
<input
|
|
536
|
-
class="input input withLabel"
|
|
537
|
-
maxlength="4"
|
|
538
|
-
name="name:YYYY"
|
|
539
|
-
type="text"
|
|
540
|
-
value=""
|
|
541
|
-
/>
|
|
542
|
-
</div>
|
|
543
|
-
</div>
|
|
544
|
-
</div>
|
|
545
|
-
</div>
|
|
546
48
|
</div>
|
|
547
49
|
</div>
|
|
548
50
|
</DocumentFragment>
|
|
549
51
|
`;
|
|
550
52
|
|
|
551
|
-
exports[`component:<InputDate> prop:
|
|
53
|
+
exports[`component:<InputDate> prop:placeholder 1`] = `
|
|
552
54
|
<DocumentFragment>
|
|
553
55
|
<div
|
|
554
56
|
class="view inputContainer"
|
|
555
57
|
>
|
|
556
58
|
<div
|
|
557
|
-
class="view row
|
|
59
|
+
class="view row inputBorder"
|
|
558
60
|
>
|
|
559
61
|
<div
|
|
560
|
-
class="view
|
|
62
|
+
class="view wide content"
|
|
561
63
|
>
|
|
562
|
-
<
|
|
563
|
-
class="
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
class="view wide content"
|
|
570
|
-
>
|
|
571
|
-
<span
|
|
572
|
-
class="text paragraph text label"
|
|
573
|
-
>
|
|
574
|
-
Day
|
|
575
|
-
</span>
|
|
576
|
-
<input
|
|
577
|
-
class="input input withLabel"
|
|
578
|
-
maxlength="2"
|
|
579
|
-
name="name:DD"
|
|
580
|
-
type="text"
|
|
581
|
-
value=""
|
|
582
|
-
/>
|
|
583
|
-
</div>
|
|
584
|
-
</div>
|
|
585
|
-
</div>
|
|
586
|
-
<div
|
|
587
|
-
class="view forceRow separator"
|
|
64
|
+
<input
|
|
65
|
+
class="input input"
|
|
66
|
+
maxlength="10"
|
|
67
|
+
name="name"
|
|
68
|
+
placeholder="placeholder"
|
|
69
|
+
type="text"
|
|
70
|
+
value=""
|
|
588
71
|
/>
|
|
589
72
|
</div>
|
|
590
|
-
<div
|
|
591
|
-
class="view row inputField"
|
|
592
|
-
>
|
|
593
|
-
<div
|
|
594
|
-
class="view inputContainer input M"
|
|
595
|
-
>
|
|
596
|
-
<div
|
|
597
|
-
class="view row inputBorder"
|
|
598
|
-
>
|
|
599
|
-
<div
|
|
600
|
-
class="view wide content"
|
|
601
|
-
>
|
|
602
|
-
<span
|
|
603
|
-
class="text paragraph text label"
|
|
604
|
-
>
|
|
605
|
-
Month
|
|
606
|
-
</span>
|
|
607
|
-
<input
|
|
608
|
-
class="input input withLabel"
|
|
609
|
-
maxlength="2"
|
|
610
|
-
name="name:MM"
|
|
611
|
-
type="text"
|
|
612
|
-
value=""
|
|
613
|
-
/>
|
|
614
|
-
</div>
|
|
615
|
-
</div>
|
|
616
|
-
</div>
|
|
617
|
-
<div
|
|
618
|
-
class="view forceRow separator"
|
|
619
|
-
/>
|
|
620
|
-
</div>
|
|
621
|
-
<div
|
|
622
|
-
class="view row inputField"
|
|
623
|
-
>
|
|
624
|
-
<div
|
|
625
|
-
class="view inputContainer input Y"
|
|
626
|
-
>
|
|
627
|
-
<div
|
|
628
|
-
class="view row inputBorder"
|
|
629
|
-
>
|
|
630
|
-
<div
|
|
631
|
-
class="view wide content"
|
|
632
|
-
>
|
|
633
|
-
<span
|
|
634
|
-
class="text paragraph text label"
|
|
635
|
-
>
|
|
636
|
-
Year
|
|
637
|
-
</span>
|
|
638
|
-
<input
|
|
639
|
-
class="input input withLabel"
|
|
640
|
-
maxlength="4"
|
|
641
|
-
name="name:YYYY"
|
|
642
|
-
type="text"
|
|
643
|
-
value=""
|
|
644
|
-
/>
|
|
645
|
-
</div>
|
|
646
|
-
</div>
|
|
647
|
-
</div>
|
|
648
|
-
</div>
|
|
649
|
-
</div>
|
|
650
|
-
</div>
|
|
651
|
-
</DocumentFragment>
|
|
652
|
-
`;
|
|
653
|
-
|
|
654
|
-
exports[`component:<InputDate> prop:placeholder (false) 1`] = `
|
|
655
|
-
<DocumentFragment>
|
|
656
|
-
<div
|
|
657
|
-
class="view inputContainer"
|
|
658
|
-
>
|
|
659
|
-
<div
|
|
660
|
-
class="view row fieldset inputBorder"
|
|
661
|
-
>
|
|
662
|
-
<div
|
|
663
|
-
class="view row inputField"
|
|
664
|
-
>
|
|
665
|
-
<div
|
|
666
|
-
class="view inputContainer input D"
|
|
667
|
-
>
|
|
668
|
-
<div
|
|
669
|
-
class="view row inputBorder"
|
|
670
|
-
>
|
|
671
|
-
<div
|
|
672
|
-
class="view wide content"
|
|
673
|
-
>
|
|
674
|
-
<span
|
|
675
|
-
class="text paragraph text label withValue"
|
|
676
|
-
>
|
|
677
|
-
DD
|
|
678
|
-
</span>
|
|
679
|
-
<input
|
|
680
|
-
class="input input withLabel"
|
|
681
|
-
maxlength="2"
|
|
682
|
-
name="name:DD"
|
|
683
|
-
type="text"
|
|
684
|
-
value="10"
|
|
685
|
-
/>
|
|
686
|
-
</div>
|
|
687
|
-
</div>
|
|
688
|
-
</div>
|
|
689
|
-
<div
|
|
690
|
-
class="view forceRow separator"
|
|
691
|
-
/>
|
|
692
|
-
</div>
|
|
693
|
-
<div
|
|
694
|
-
class="view row inputField"
|
|
695
|
-
>
|
|
696
|
-
<div
|
|
697
|
-
class="view inputContainer input M"
|
|
698
|
-
>
|
|
699
|
-
<div
|
|
700
|
-
class="view row inputBorder"
|
|
701
|
-
>
|
|
702
|
-
<div
|
|
703
|
-
class="view wide content"
|
|
704
|
-
>
|
|
705
|
-
<span
|
|
706
|
-
class="text paragraph text label withValue"
|
|
707
|
-
>
|
|
708
|
-
MM
|
|
709
|
-
</span>
|
|
710
|
-
<input
|
|
711
|
-
class="input input withLabel"
|
|
712
|
-
maxlength="2"
|
|
713
|
-
name="name:MM"
|
|
714
|
-
type="text"
|
|
715
|
-
value="04"
|
|
716
|
-
/>
|
|
717
|
-
</div>
|
|
718
|
-
</div>
|
|
719
|
-
</div>
|
|
720
|
-
<div
|
|
721
|
-
class="view forceRow separator"
|
|
722
|
-
/>
|
|
723
|
-
</div>
|
|
724
|
-
<div
|
|
725
|
-
class="view row inputField"
|
|
726
|
-
>
|
|
727
|
-
<div
|
|
728
|
-
class="view inputContainer input Y"
|
|
729
|
-
>
|
|
730
|
-
<div
|
|
731
|
-
class="view row inputBorder"
|
|
732
|
-
>
|
|
733
|
-
<div
|
|
734
|
-
class="view wide content"
|
|
735
|
-
>
|
|
736
|
-
<span
|
|
737
|
-
class="text paragraph text label withValue"
|
|
738
|
-
>
|
|
739
|
-
YYYY
|
|
740
|
-
</span>
|
|
741
|
-
<input
|
|
742
|
-
class="input input withLabel"
|
|
743
|
-
maxlength="4"
|
|
744
|
-
name="name:YYYY"
|
|
745
|
-
type="text"
|
|
746
|
-
value="1980"
|
|
747
|
-
/>
|
|
748
|
-
</div>
|
|
749
|
-
</div>
|
|
750
|
-
</div>
|
|
751
|
-
</div>
|
|
752
|
-
</div>
|
|
753
|
-
</div>
|
|
754
|
-
</DocumentFragment>
|
|
755
|
-
`;
|
|
756
|
-
|
|
757
|
-
exports[`component:<InputDate> prop:required 1`] = `
|
|
758
|
-
<DocumentFragment>
|
|
759
|
-
<div
|
|
760
|
-
class="view inputContainer"
|
|
761
|
-
>
|
|
762
|
-
<div
|
|
763
|
-
class="view row fieldset inputBorder"
|
|
764
|
-
>
|
|
765
|
-
<div
|
|
766
|
-
class="view row inputField"
|
|
767
|
-
>
|
|
768
|
-
<div
|
|
769
|
-
class="view inputContainer input D"
|
|
770
|
-
>
|
|
771
|
-
<div
|
|
772
|
-
class="view row inputBorder"
|
|
773
|
-
>
|
|
774
|
-
<div
|
|
775
|
-
class="view wide content"
|
|
776
|
-
>
|
|
777
|
-
<span
|
|
778
|
-
class="text paragraph text label"
|
|
779
|
-
>
|
|
780
|
-
DD
|
|
781
|
-
</span>
|
|
782
|
-
<input
|
|
783
|
-
class="input input withLabel"
|
|
784
|
-
maxlength="2"
|
|
785
|
-
name="name:DD"
|
|
786
|
-
type="text"
|
|
787
|
-
value=""
|
|
788
|
-
/>
|
|
789
|
-
</div>
|
|
790
|
-
</div>
|
|
791
|
-
</div>
|
|
792
|
-
<div
|
|
793
|
-
class="view forceRow separator"
|
|
794
|
-
/>
|
|
795
|
-
</div>
|
|
796
|
-
<div
|
|
797
|
-
class="view row inputField"
|
|
798
|
-
>
|
|
799
|
-
<div
|
|
800
|
-
class="view inputContainer input M"
|
|
801
|
-
>
|
|
802
|
-
<div
|
|
803
|
-
class="view row inputBorder"
|
|
804
|
-
>
|
|
805
|
-
<div
|
|
806
|
-
class="view wide content"
|
|
807
|
-
>
|
|
808
|
-
<span
|
|
809
|
-
class="text paragraph text label"
|
|
810
|
-
>
|
|
811
|
-
MM
|
|
812
|
-
</span>
|
|
813
|
-
<input
|
|
814
|
-
class="input input withLabel"
|
|
815
|
-
maxlength="2"
|
|
816
|
-
name="name:MM"
|
|
817
|
-
type="text"
|
|
818
|
-
value=""
|
|
819
|
-
/>
|
|
820
|
-
</div>
|
|
821
|
-
</div>
|
|
822
|
-
</div>
|
|
823
|
-
<div
|
|
824
|
-
class="view forceRow separator"
|
|
825
|
-
/>
|
|
826
|
-
</div>
|
|
827
|
-
<div
|
|
828
|
-
class="view row inputField"
|
|
829
|
-
>
|
|
830
|
-
<div
|
|
831
|
-
class="view inputContainer input Y"
|
|
832
|
-
>
|
|
833
|
-
<div
|
|
834
|
-
class="view row inputBorder"
|
|
835
|
-
>
|
|
836
|
-
<div
|
|
837
|
-
class="view wide content"
|
|
838
|
-
>
|
|
839
|
-
<span
|
|
840
|
-
class="text paragraph text label"
|
|
841
|
-
>
|
|
842
|
-
YYYY
|
|
843
|
-
</span>
|
|
844
|
-
<input
|
|
845
|
-
class="input input withLabel"
|
|
846
|
-
maxlength="4"
|
|
847
|
-
name="name:YYYY"
|
|
848
|
-
type="text"
|
|
849
|
-
value=""
|
|
850
|
-
/>
|
|
851
|
-
</div>
|
|
852
|
-
</div>
|
|
853
|
-
</div>
|
|
854
|
-
</div>
|
|
855
|
-
</div>
|
|
856
|
-
</div>
|
|
857
|
-
</DocumentFragment>
|
|
858
|
-
`;
|
|
859
|
-
|
|
860
|
-
exports[`component:<InputDate> prop:success 1`] = `
|
|
861
|
-
<DocumentFragment>
|
|
862
|
-
<div
|
|
863
|
-
class="view inputContainer"
|
|
864
|
-
>
|
|
865
|
-
<div
|
|
866
|
-
class="view row fieldset inputBorder"
|
|
867
|
-
>
|
|
868
|
-
<div
|
|
869
|
-
class="view row inputField"
|
|
870
|
-
>
|
|
871
|
-
<div
|
|
872
|
-
class="view inputContainer input D"
|
|
873
|
-
>
|
|
874
|
-
<div
|
|
875
|
-
class="view row inputBorder"
|
|
876
|
-
>
|
|
877
|
-
<div
|
|
878
|
-
class="view wide content"
|
|
879
|
-
>
|
|
880
|
-
<span
|
|
881
|
-
class="text paragraph text label"
|
|
882
|
-
>
|
|
883
|
-
DD
|
|
884
|
-
</span>
|
|
885
|
-
<input
|
|
886
|
-
class="input input withLabel"
|
|
887
|
-
maxlength="2"
|
|
888
|
-
name="name:DD"
|
|
889
|
-
type="text"
|
|
890
|
-
value=""
|
|
891
|
-
/>
|
|
892
|
-
</div>
|
|
893
|
-
</div>
|
|
894
|
-
</div>
|
|
895
|
-
<div
|
|
896
|
-
class="view forceRow separator"
|
|
897
|
-
/>
|
|
898
|
-
</div>
|
|
899
|
-
<div
|
|
900
|
-
class="view row inputField"
|
|
901
|
-
>
|
|
902
|
-
<div
|
|
903
|
-
class="view inputContainer input M"
|
|
904
|
-
>
|
|
905
|
-
<div
|
|
906
|
-
class="view row inputBorder"
|
|
907
|
-
>
|
|
908
|
-
<div
|
|
909
|
-
class="view wide content"
|
|
910
|
-
>
|
|
911
|
-
<span
|
|
912
|
-
class="text paragraph text label"
|
|
913
|
-
>
|
|
914
|
-
MM
|
|
915
|
-
</span>
|
|
916
|
-
<input
|
|
917
|
-
class="input input withLabel"
|
|
918
|
-
maxlength="2"
|
|
919
|
-
name="name:MM"
|
|
920
|
-
type="text"
|
|
921
|
-
value=""
|
|
922
|
-
/>
|
|
923
|
-
</div>
|
|
924
|
-
</div>
|
|
925
|
-
</div>
|
|
926
|
-
<div
|
|
927
|
-
class="view forceRow separator"
|
|
928
|
-
/>
|
|
929
|
-
</div>
|
|
930
|
-
<div
|
|
931
|
-
class="view row inputField"
|
|
932
|
-
>
|
|
933
|
-
<div
|
|
934
|
-
class="view inputContainer input Y"
|
|
935
|
-
>
|
|
936
|
-
<div
|
|
937
|
-
class="view row inputBorder"
|
|
938
|
-
>
|
|
939
|
-
<div
|
|
940
|
-
class="view wide content"
|
|
941
|
-
>
|
|
942
|
-
<span
|
|
943
|
-
class="text paragraph text label"
|
|
944
|
-
>
|
|
945
|
-
YYYY
|
|
946
|
-
</span>
|
|
947
|
-
<input
|
|
948
|
-
class="input input withLabel"
|
|
949
|
-
maxlength="4"
|
|
950
|
-
name="name:YYYY"
|
|
951
|
-
type="text"
|
|
952
|
-
value=""
|
|
953
|
-
/>
|
|
954
|
-
</div>
|
|
955
|
-
<span
|
|
956
|
-
class="icon headline-3 icon success"
|
|
957
|
-
>
|
|
958
|
-
<svg
|
|
959
|
-
fill="currentColor"
|
|
960
|
-
height="1em"
|
|
961
|
-
stroke="currentColor"
|
|
962
|
-
stroke-width="0"
|
|
963
|
-
viewBox="0 0 24 24"
|
|
964
|
-
width="1em"
|
|
965
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
966
|
-
>
|
|
967
|
-
<path
|
|
968
|
-
d="M0 0h24v24H0V0z"
|
|
969
|
-
fill="none"
|
|
970
|
-
/>
|
|
971
|
-
<path
|
|
972
|
-
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
|
|
973
|
-
/>
|
|
974
|
-
</svg>
|
|
975
|
-
</span>
|
|
976
|
-
</div>
|
|
977
|
-
</div>
|
|
978
|
-
</div>
|
|
979
73
|
</div>
|
|
980
74
|
</div>
|
|
981
75
|
</DocumentFragment>
|
|
@@ -987,98 +81,20 @@ exports[`component:<InputDate> prop:value & prop:format 1`] = `
|
|
|
987
81
|
class="view inputContainer"
|
|
988
82
|
>
|
|
989
83
|
<div
|
|
990
|
-
class="view row
|
|
84
|
+
class="view row inputBorder"
|
|
991
85
|
>
|
|
992
86
|
<div
|
|
993
|
-
class="view
|
|
87
|
+
class="view wide content"
|
|
994
88
|
>
|
|
995
|
-
<
|
|
996
|
-
class="
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
class="view wide content"
|
|
1003
|
-
>
|
|
1004
|
-
<span
|
|
1005
|
-
class="text paragraph text label withValue"
|
|
1006
|
-
>
|
|
1007
|
-
MM
|
|
1008
|
-
</span>
|
|
1009
|
-
<input
|
|
1010
|
-
class="input input withLabel"
|
|
1011
|
-
maxlength="2"
|
|
1012
|
-
name="name:MM"
|
|
1013
|
-
type="text"
|
|
1014
|
-
value="04"
|
|
1015
|
-
/>
|
|
1016
|
-
</div>
|
|
1017
|
-
</div>
|
|
1018
|
-
</div>
|
|
1019
|
-
<div
|
|
1020
|
-
class="view forceRow separator"
|
|
89
|
+
<input
|
|
90
|
+
class="input input"
|
|
91
|
+
maxlength="5"
|
|
92
|
+
name="name"
|
|
93
|
+
placeholder="MM/YY"
|
|
94
|
+
type="text"
|
|
95
|
+
value="04/80"
|
|
1021
96
|
/>
|
|
1022
97
|
</div>
|
|
1023
|
-
<div
|
|
1024
|
-
class="view row inputField"
|
|
1025
|
-
>
|
|
1026
|
-
<div
|
|
1027
|
-
class="view inputContainer input D"
|
|
1028
|
-
>
|
|
1029
|
-
<div
|
|
1030
|
-
class="view row inputBorder"
|
|
1031
|
-
>
|
|
1032
|
-
<div
|
|
1033
|
-
class="view wide content"
|
|
1034
|
-
>
|
|
1035
|
-
<span
|
|
1036
|
-
class="text paragraph text label withValue"
|
|
1037
|
-
>
|
|
1038
|
-
DD
|
|
1039
|
-
</span>
|
|
1040
|
-
<input
|
|
1041
|
-
class="input input withLabel"
|
|
1042
|
-
maxlength="2"
|
|
1043
|
-
name="name:DD"
|
|
1044
|
-
type="text"
|
|
1045
|
-
value="10"
|
|
1046
|
-
/>
|
|
1047
|
-
</div>
|
|
1048
|
-
</div>
|
|
1049
|
-
</div>
|
|
1050
|
-
<div
|
|
1051
|
-
class="view forceRow separator"
|
|
1052
|
-
/>
|
|
1053
|
-
</div>
|
|
1054
|
-
<div
|
|
1055
|
-
class="view row inputField"
|
|
1056
|
-
>
|
|
1057
|
-
<div
|
|
1058
|
-
class="view inputContainer input Y"
|
|
1059
|
-
>
|
|
1060
|
-
<div
|
|
1061
|
-
class="view row inputBorder"
|
|
1062
|
-
>
|
|
1063
|
-
<div
|
|
1064
|
-
class="view wide content"
|
|
1065
|
-
>
|
|
1066
|
-
<span
|
|
1067
|
-
class="text paragraph text label withValue"
|
|
1068
|
-
>
|
|
1069
|
-
YYYY
|
|
1070
|
-
</span>
|
|
1071
|
-
<input
|
|
1072
|
-
class="input input withLabel"
|
|
1073
|
-
maxlength="4"
|
|
1074
|
-
name="name:YYYY"
|
|
1075
|
-
type="text"
|
|
1076
|
-
value="1980"
|
|
1077
|
-
/>
|
|
1078
|
-
</div>
|
|
1079
|
-
</div>
|
|
1080
|
-
</div>
|
|
1081
|
-
</div>
|
|
1082
98
|
</div>
|
|
1083
99
|
</div>
|
|
1084
100
|
</DocumentFragment>
|
|
@@ -1090,218 +106,20 @@ exports[`component:<InputDate> prop:value 1`] = `
|
|
|
1090
106
|
class="view inputContainer"
|
|
1091
107
|
>
|
|
1092
108
|
<div
|
|
1093
|
-
class="view row
|
|
109
|
+
class="view row inputBorder"
|
|
1094
110
|
>
|
|
1095
111
|
<div
|
|
1096
|
-
class="view
|
|
1097
|
-
>
|
|
1098
|
-
<div
|
|
1099
|
-
class="view inputContainer input D"
|
|
1100
|
-
>
|
|
1101
|
-
<div
|
|
1102
|
-
class="view row inputBorder"
|
|
1103
|
-
>
|
|
1104
|
-
<div
|
|
1105
|
-
class="view wide content"
|
|
1106
|
-
>
|
|
1107
|
-
<span
|
|
1108
|
-
class="text paragraph text label withValue"
|
|
1109
|
-
>
|
|
1110
|
-
DD
|
|
1111
|
-
</span>
|
|
1112
|
-
<input
|
|
1113
|
-
class="input input withLabel"
|
|
1114
|
-
maxlength="2"
|
|
1115
|
-
name="name:DD"
|
|
1116
|
-
type="text"
|
|
1117
|
-
value="10"
|
|
1118
|
-
/>
|
|
1119
|
-
</div>
|
|
1120
|
-
</div>
|
|
1121
|
-
</div>
|
|
1122
|
-
<div
|
|
1123
|
-
class="view forceRow separator"
|
|
1124
|
-
/>
|
|
1125
|
-
</div>
|
|
1126
|
-
<div
|
|
1127
|
-
class="view row inputField"
|
|
112
|
+
class="view wide content"
|
|
1128
113
|
>
|
|
1129
|
-
<
|
|
1130
|
-
class="
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
class="view wide content"
|
|
1137
|
-
>
|
|
1138
|
-
<span
|
|
1139
|
-
class="text paragraph text label withValue"
|
|
1140
|
-
>
|
|
1141
|
-
MM
|
|
1142
|
-
</span>
|
|
1143
|
-
<input
|
|
1144
|
-
class="input input withLabel"
|
|
1145
|
-
maxlength="2"
|
|
1146
|
-
name="name:MM"
|
|
1147
|
-
type="text"
|
|
1148
|
-
value="04"
|
|
1149
|
-
/>
|
|
1150
|
-
</div>
|
|
1151
|
-
</div>
|
|
1152
|
-
</div>
|
|
1153
|
-
<div
|
|
1154
|
-
class="view forceRow separator"
|
|
114
|
+
<input
|
|
115
|
+
class="input input"
|
|
116
|
+
maxlength="10"
|
|
117
|
+
name="name"
|
|
118
|
+
placeholder="DD/MM/YYYY"
|
|
119
|
+
type="text"
|
|
120
|
+
value="10/04/1980"
|
|
1155
121
|
/>
|
|
1156
122
|
</div>
|
|
1157
|
-
<div
|
|
1158
|
-
class="view row inputField"
|
|
1159
|
-
>
|
|
1160
|
-
<div
|
|
1161
|
-
class="view inputContainer input Y"
|
|
1162
|
-
>
|
|
1163
|
-
<div
|
|
1164
|
-
class="view row inputBorder"
|
|
1165
|
-
>
|
|
1166
|
-
<div
|
|
1167
|
-
class="view wide content"
|
|
1168
|
-
>
|
|
1169
|
-
<span
|
|
1170
|
-
class="text paragraph text label withValue"
|
|
1171
|
-
>
|
|
1172
|
-
YYYY
|
|
1173
|
-
</span>
|
|
1174
|
-
<input
|
|
1175
|
-
class="input input withLabel"
|
|
1176
|
-
maxlength="4"
|
|
1177
|
-
name="name:YYYY"
|
|
1178
|
-
type="text"
|
|
1179
|
-
value="1980"
|
|
1180
|
-
/>
|
|
1181
|
-
</div>
|
|
1182
|
-
</div>
|
|
1183
|
-
</div>
|
|
1184
|
-
</div>
|
|
1185
|
-
</div>
|
|
1186
|
-
</div>
|
|
1187
|
-
</DocumentFragment>
|
|
1188
|
-
`;
|
|
1189
|
-
|
|
1190
|
-
exports[`component:<InputDate> prop:warning 1`] = `
|
|
1191
|
-
<DocumentFragment>
|
|
1192
|
-
<div
|
|
1193
|
-
class="view inputContainer"
|
|
1194
|
-
>
|
|
1195
|
-
<div
|
|
1196
|
-
class="view row fieldset inputBorder"
|
|
1197
|
-
>
|
|
1198
|
-
<div
|
|
1199
|
-
class="view row inputField"
|
|
1200
|
-
>
|
|
1201
|
-
<div
|
|
1202
|
-
class="view inputContainer input D"
|
|
1203
|
-
>
|
|
1204
|
-
<div
|
|
1205
|
-
class="view row inputBorder"
|
|
1206
|
-
>
|
|
1207
|
-
<div
|
|
1208
|
-
class="view wide content"
|
|
1209
|
-
>
|
|
1210
|
-
<span
|
|
1211
|
-
class="text paragraph text label"
|
|
1212
|
-
>
|
|
1213
|
-
DD
|
|
1214
|
-
</span>
|
|
1215
|
-
<input
|
|
1216
|
-
class="input input withLabel"
|
|
1217
|
-
maxlength="2"
|
|
1218
|
-
name="name:DD"
|
|
1219
|
-
type="text"
|
|
1220
|
-
value=""
|
|
1221
|
-
/>
|
|
1222
|
-
</div>
|
|
1223
|
-
</div>
|
|
1224
|
-
</div>
|
|
1225
|
-
<div
|
|
1226
|
-
class="view forceRow separator"
|
|
1227
|
-
/>
|
|
1228
|
-
</div>
|
|
1229
|
-
<div
|
|
1230
|
-
class="view row inputField"
|
|
1231
|
-
>
|
|
1232
|
-
<div
|
|
1233
|
-
class="view inputContainer input M"
|
|
1234
|
-
>
|
|
1235
|
-
<div
|
|
1236
|
-
class="view row inputBorder"
|
|
1237
|
-
>
|
|
1238
|
-
<div
|
|
1239
|
-
class="view wide content"
|
|
1240
|
-
>
|
|
1241
|
-
<span
|
|
1242
|
-
class="text paragraph text label"
|
|
1243
|
-
>
|
|
1244
|
-
MM
|
|
1245
|
-
</span>
|
|
1246
|
-
<input
|
|
1247
|
-
class="input input withLabel"
|
|
1248
|
-
maxlength="2"
|
|
1249
|
-
name="name:MM"
|
|
1250
|
-
type="text"
|
|
1251
|
-
value=""
|
|
1252
|
-
/>
|
|
1253
|
-
</div>
|
|
1254
|
-
</div>
|
|
1255
|
-
</div>
|
|
1256
|
-
<div
|
|
1257
|
-
class="view forceRow separator"
|
|
1258
|
-
/>
|
|
1259
|
-
</div>
|
|
1260
|
-
<div
|
|
1261
|
-
class="view row inputField"
|
|
1262
|
-
>
|
|
1263
|
-
<div
|
|
1264
|
-
class="view inputContainer input Y"
|
|
1265
|
-
>
|
|
1266
|
-
<div
|
|
1267
|
-
class="view row inputBorder"
|
|
1268
|
-
>
|
|
1269
|
-
<div
|
|
1270
|
-
class="view wide content"
|
|
1271
|
-
>
|
|
1272
|
-
<span
|
|
1273
|
-
class="text paragraph text label"
|
|
1274
|
-
>
|
|
1275
|
-
YYYY
|
|
1276
|
-
</span>
|
|
1277
|
-
<input
|
|
1278
|
-
class="input input withLabel"
|
|
1279
|
-
maxlength="4"
|
|
1280
|
-
name="name:YYYY"
|
|
1281
|
-
type="text"
|
|
1282
|
-
value=""
|
|
1283
|
-
/>
|
|
1284
|
-
</div>
|
|
1285
|
-
<span
|
|
1286
|
-
class="icon headline-3 icon warning"
|
|
1287
|
-
>
|
|
1288
|
-
<svg
|
|
1289
|
-
fill="currentColor"
|
|
1290
|
-
height="1em"
|
|
1291
|
-
stroke="currentColor"
|
|
1292
|
-
stroke-width="0"
|
|
1293
|
-
viewBox="0 0 24 24"
|
|
1294
|
-
width="1em"
|
|
1295
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1296
|
-
>
|
|
1297
|
-
<path
|
|
1298
|
-
d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
|
|
1299
|
-
/>
|
|
1300
|
-
</svg>
|
|
1301
|
-
</span>
|
|
1302
|
-
</div>
|
|
1303
|
-
</div>
|
|
1304
|
-
</div>
|
|
1305
123
|
</div>
|
|
1306
124
|
</div>
|
|
1307
125
|
</DocumentFragment>
|
|
@@ -1313,98 +131,20 @@ exports[`component:<InputDate> renders 1`] = `
|
|
|
1313
131
|
class="view inputContainer"
|
|
1314
132
|
>
|
|
1315
133
|
<div
|
|
1316
|
-
class="view row
|
|
134
|
+
class="view row inputBorder"
|
|
1317
135
|
>
|
|
1318
136
|
<div
|
|
1319
|
-
class="view
|
|
137
|
+
class="view wide content"
|
|
1320
138
|
>
|
|
1321
|
-
<
|
|
1322
|
-
class="
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
class="view wide content"
|
|
1329
|
-
>
|
|
1330
|
-
<span
|
|
1331
|
-
class="text paragraph text label"
|
|
1332
|
-
>
|
|
1333
|
-
DD
|
|
1334
|
-
</span>
|
|
1335
|
-
<input
|
|
1336
|
-
class="input input withLabel"
|
|
1337
|
-
maxlength="2"
|
|
1338
|
-
name="name:DD"
|
|
1339
|
-
type="text"
|
|
1340
|
-
value=""
|
|
1341
|
-
/>
|
|
1342
|
-
</div>
|
|
1343
|
-
</div>
|
|
1344
|
-
</div>
|
|
1345
|
-
<div
|
|
1346
|
-
class="view forceRow separator"
|
|
139
|
+
<input
|
|
140
|
+
class="input input"
|
|
141
|
+
maxlength="10"
|
|
142
|
+
name="name"
|
|
143
|
+
placeholder="DD/MM/YYYY"
|
|
144
|
+
type="text"
|
|
145
|
+
value=""
|
|
1347
146
|
/>
|
|
1348
147
|
</div>
|
|
1349
|
-
<div
|
|
1350
|
-
class="view row inputField"
|
|
1351
|
-
>
|
|
1352
|
-
<div
|
|
1353
|
-
class="view inputContainer input M"
|
|
1354
|
-
>
|
|
1355
|
-
<div
|
|
1356
|
-
class="view row inputBorder"
|
|
1357
|
-
>
|
|
1358
|
-
<div
|
|
1359
|
-
class="view wide content"
|
|
1360
|
-
>
|
|
1361
|
-
<span
|
|
1362
|
-
class="text paragraph text label"
|
|
1363
|
-
>
|
|
1364
|
-
MM
|
|
1365
|
-
</span>
|
|
1366
|
-
<input
|
|
1367
|
-
class="input input withLabel"
|
|
1368
|
-
maxlength="2"
|
|
1369
|
-
name="name:MM"
|
|
1370
|
-
type="text"
|
|
1371
|
-
value=""
|
|
1372
|
-
/>
|
|
1373
|
-
</div>
|
|
1374
|
-
</div>
|
|
1375
|
-
</div>
|
|
1376
|
-
<div
|
|
1377
|
-
class="view forceRow separator"
|
|
1378
|
-
/>
|
|
1379
|
-
</div>
|
|
1380
|
-
<div
|
|
1381
|
-
class="view row inputField"
|
|
1382
|
-
>
|
|
1383
|
-
<div
|
|
1384
|
-
class="view inputContainer input Y"
|
|
1385
|
-
>
|
|
1386
|
-
<div
|
|
1387
|
-
class="view row inputBorder"
|
|
1388
|
-
>
|
|
1389
|
-
<div
|
|
1390
|
-
class="view wide content"
|
|
1391
|
-
>
|
|
1392
|
-
<span
|
|
1393
|
-
class="text paragraph text label"
|
|
1394
|
-
>
|
|
1395
|
-
YYYY
|
|
1396
|
-
</span>
|
|
1397
|
-
<input
|
|
1398
|
-
class="input input withLabel"
|
|
1399
|
-
maxlength="4"
|
|
1400
|
-
name="name:YYYY"
|
|
1401
|
-
type="text"
|
|
1402
|
-
value=""
|
|
1403
|
-
/>
|
|
1404
|
-
</div>
|
|
1405
|
-
</div>
|
|
1406
|
-
</div>
|
|
1407
|
-
</div>
|
|
1408
148
|
</div>
|
|
1409
149
|
</div>
|
|
1410
150
|
</DocumentFragment>
|
|
@@ -1414,104 +154,23 @@ exports[`component:<InputDate> testID 1`] = `
|
|
|
1414
154
|
<DocumentFragment>
|
|
1415
155
|
<div
|
|
1416
156
|
class="view inputContainer"
|
|
1417
|
-
data-testid="mirai"
|
|
1418
157
|
>
|
|
1419
158
|
<div
|
|
1420
|
-
class="view row
|
|
159
|
+
class="view row inputBorder"
|
|
1421
160
|
>
|
|
1422
161
|
<div
|
|
1423
|
-
class="view
|
|
1424
|
-
>
|
|
1425
|
-
<div
|
|
1426
|
-
class="view inputContainer input D"
|
|
1427
|
-
>
|
|
1428
|
-
<div
|
|
1429
|
-
class="view row inputBorder"
|
|
1430
|
-
>
|
|
1431
|
-
<div
|
|
1432
|
-
class="view wide content"
|
|
1433
|
-
>
|
|
1434
|
-
<span
|
|
1435
|
-
class="text paragraph text label"
|
|
1436
|
-
>
|
|
1437
|
-
DD
|
|
1438
|
-
</span>
|
|
1439
|
-
<input
|
|
1440
|
-
class="input input withLabel"
|
|
1441
|
-
data-testid="mirai-DD"
|
|
1442
|
-
maxlength="2"
|
|
1443
|
-
name="name:DD"
|
|
1444
|
-
type="text"
|
|
1445
|
-
value=""
|
|
1446
|
-
/>
|
|
1447
|
-
</div>
|
|
1448
|
-
</div>
|
|
1449
|
-
</div>
|
|
1450
|
-
<div
|
|
1451
|
-
class="view forceRow separator"
|
|
1452
|
-
/>
|
|
1453
|
-
</div>
|
|
1454
|
-
<div
|
|
1455
|
-
class="view row inputField"
|
|
162
|
+
class="view wide content"
|
|
1456
163
|
>
|
|
1457
|
-
<
|
|
1458
|
-
class="
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
>
|
|
1466
|
-
<span
|
|
1467
|
-
class="text paragraph text label"
|
|
1468
|
-
>
|
|
1469
|
-
MM
|
|
1470
|
-
</span>
|
|
1471
|
-
<input
|
|
1472
|
-
class="input input withLabel"
|
|
1473
|
-
data-testid="mirai-MM"
|
|
1474
|
-
maxlength="2"
|
|
1475
|
-
name="name:MM"
|
|
1476
|
-
type="text"
|
|
1477
|
-
value=""
|
|
1478
|
-
/>
|
|
1479
|
-
</div>
|
|
1480
|
-
</div>
|
|
1481
|
-
</div>
|
|
1482
|
-
<div
|
|
1483
|
-
class="view forceRow separator"
|
|
164
|
+
<input
|
|
165
|
+
class="input input"
|
|
166
|
+
data-testid="mirai"
|
|
167
|
+
maxlength="10"
|
|
168
|
+
name="name"
|
|
169
|
+
placeholder="DD/MM/YYYY"
|
|
170
|
+
type="text"
|
|
171
|
+
value=""
|
|
1484
172
|
/>
|
|
1485
173
|
</div>
|
|
1486
|
-
<div
|
|
1487
|
-
class="view row inputField"
|
|
1488
|
-
>
|
|
1489
|
-
<div
|
|
1490
|
-
class="view inputContainer input Y"
|
|
1491
|
-
>
|
|
1492
|
-
<div
|
|
1493
|
-
class="view row inputBorder"
|
|
1494
|
-
>
|
|
1495
|
-
<div
|
|
1496
|
-
class="view wide content"
|
|
1497
|
-
>
|
|
1498
|
-
<span
|
|
1499
|
-
class="text paragraph text label"
|
|
1500
|
-
>
|
|
1501
|
-
YYYY
|
|
1502
|
-
</span>
|
|
1503
|
-
<input
|
|
1504
|
-
class="input input withLabel"
|
|
1505
|
-
data-testid="mirai-YYYY"
|
|
1506
|
-
maxlength="4"
|
|
1507
|
-
name="name:YYYY"
|
|
1508
|
-
type="text"
|
|
1509
|
-
value=""
|
|
1510
|
-
/>
|
|
1511
|
-
</div>
|
|
1512
|
-
</div>
|
|
1513
|
-
</div>
|
|
1514
|
-
</div>
|
|
1515
174
|
</div>
|
|
1516
175
|
</div>
|
|
1517
176
|
</DocumentFragment>
|