@@ -19,16 +19,32 @@ exports[`DateTime widget should render an InputDateTimePicker 1`] = `
19
19
class = " theme-date-picker date-picker"
20
20
tabindex = " -1"
21
21
>
22
- <input
23
- autocomplete = " off"
24
- class = " form-control"
25
- data-testid = " date-picker"
26
- id = " talend-date-time-date-picker-input"
27
- placeholder = " YYYY-MM-DD"
28
- style = " width: 47px;"
29
- type = " text"
30
- value = " "
31
- />
22
+ <div
23
+ class = " theme-stack theme-justify-start theme-align-stretch theme-nowrap theme-column theme-block theme-height-100 theme-noShrink theme-gap-x-XXS theme-gap-y-XXS"
24
+ >
25
+ <span
26
+ class = " theme-hidden"
27
+ >
28
+ <label
29
+ class = " theme-label"
30
+ for = " talend-date-time-date-picker-input"
31
+ />
32
+ </span >
33
+ <div
34
+ class = " theme-inputShell"
35
+ >
36
+ <input
37
+ autocomplete = " off"
38
+ class = " theme-input"
39
+ data-testid = " date-picker"
40
+ id = " talend-date-time-date-picker-input"
41
+ placeholder = " YYYY-MM-DD"
42
+ style = " width: 47px;"
43
+ type = " text"
44
+ value = " "
45
+ />
46
+ </div >
47
+ </div >
32
48
<span
33
49
data-testid = " InputSizer"
34
50
style = " padding: 0px 0.625rem; font-size: 0.875rem; visibility: hidden; position: absolute;"
@@ -40,17 +56,33 @@ exports[`DateTime widget should render an InputDateTimePicker 1`] = `
40
56
class = " theme-time-picker time-picker"
41
57
tabindex = " -1"
42
58
>
43
- <input
44
- autocomplete = " off"
45
- class = " form-control theme-time-picker-input"
46
- data-testid = " time-picker"
47
- id = " talend-date-time-time-picker-input"
48
- maxlength = " 5"
49
- placeholder = " HH:mm"
50
- style = " width: 47px;"
51
- type = " text"
52
- value = " "
53
- />
59
+ <div
60
+ class = " theme-stack theme-justify-start theme-align-stretch theme-nowrap theme-column theme-block theme-height-100 theme-noShrink theme-gap-x-XXS theme-gap-y-XXS"
61
+ >
62
+ <span
63
+ class = " theme-hidden"
64
+ >
65
+ <label
66
+ class = " theme-label"
67
+ for = " talend-date-time-time-picker-input"
68
+ />
69
+ </span >
70
+ <div
71
+ class = " theme-inputShell"
72
+ >
73
+ <input
74
+ autocomplete = " off"
75
+ class = " theme-input"
76
+ data-testid = " time-picker"
77
+ id = " talend-date-time-time-picker-input"
78
+ maxlength = " 5"
79
+ placeholder = " HH:mm"
80
+ style = " width: 47px;"
81
+ type = " text"
82
+ value = " "
83
+ />
84
+ </div >
85
+ </div >
54
86
<span
55
87
data-testid = " InputSizer"
56
88
style = " padding: 0px 0.625rem; font-size: 0.875rem; visibility: hidden; position: absolute;"
0 commit comments