@onesy/ui-react 1.0.91 → 1.0.92
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/TimePicker/TimePicker.js +5 -2
- package/esm/TimePicker/TimePicker.js +6 -1
- package/esm/index.js +1 -1
- package/package.json +1 -1
package/TimePicker/TimePicker.js
CHANGED
|
@@ -89,6 +89,7 @@ const useStyle = (0, style_react_1.style)(theme => ({
|
|
|
89
89
|
},
|
|
90
90
|
input_size_small: {
|
|
91
91
|
maxWidth: '72px',
|
|
92
|
+
width: '100%',
|
|
92
93
|
'& .onesy-TextField-input-wrapper': {
|
|
93
94
|
paddingInline: '0px',
|
|
94
95
|
paddingBlock: `${theme.methods.space.value(1, 'px')} ${theme.methods.space.value(0.5, 'px')}`,
|
|
@@ -102,6 +103,7 @@ const useStyle = (0, style_react_1.style)(theme => ({
|
|
|
102
103
|
},
|
|
103
104
|
input_size_regular: {
|
|
104
105
|
maxWidth: '96px',
|
|
106
|
+
width: '100%',
|
|
105
107
|
'& .onesy-TextField-input-wrapper': {
|
|
106
108
|
paddingInline: '0px',
|
|
107
109
|
paddingBlock: `${theme.methods.space.value(1.5, 'px')} ${theme.methods.space.value(1, 'px')}`,
|
|
@@ -115,6 +117,7 @@ const useStyle = (0, style_react_1.style)(theme => ({
|
|
|
115
117
|
},
|
|
116
118
|
input_size_large: {
|
|
117
119
|
maxWidth: '120px',
|
|
120
|
+
width: '100%',
|
|
118
121
|
'& .onesy-TextField-input-wrapper': {
|
|
119
122
|
paddingInline: '0px',
|
|
120
123
|
paddingBlock: `${theme.methods.space.value(2, 'px')} ${theme.methods.space.value(1.5, 'px')}`,
|
|
@@ -571,7 +574,7 @@ const TimePicker = react_1.default.forwardRef((props__, ref) => {
|
|
|
571
574
|
}
|
|
572
575
|
const makeInputs = (index = 0) => {
|
|
573
576
|
const inputProps = Object.assign({ tonal,
|
|
574
|
-
color, version: 'outlined', size, className: (0, style_react_1.classNames)([
|
|
577
|
+
color, version: 'outlined', size, fullWidth: true, className: (0, style_react_1.classNames)([
|
|
575
578
|
(0, utils_2.staticClassName)('TimePicker', theme) && [
|
|
576
579
|
'onesy-TimePicker-input'
|
|
577
580
|
],
|
|
@@ -661,7 +664,7 @@ const TimePicker = react_1.default.forwardRef((props__, ref) => {
|
|
|
661
664
|
'onesy-TimePicker-inputs'
|
|
662
665
|
],
|
|
663
666
|
classes.inputs
|
|
664
|
-
]) }, { children: [(0, jsx_runtime_1.jsx)(Line, Object.assign({ gap: 0, direction: 'row', align: 'center', justify: 'center' }, { children: makeInputs(index) })), format === '12' && ((0, jsx_runtime_1.jsxs)(ToggleButtons, Object.assign({ version: 'outlined', size: size, orientation: orientationValue, value: dayTime[index] || (0, date_1.format)(new date_1.OnesyDate(), 'a'), onChange: valueNew => updateDayTime(valueNew, index), select: 'single', unselect: false }, ToggleButtonsProps, { className: (0, style_react_1.classNames)([
|
|
667
|
+
]) }, { children: [(0, jsx_runtime_1.jsx)(Line, Object.assign({ gap: 0, direction: 'row', align: 'center', justify: 'center', fullWidth: true }, { children: makeInputs(index) })), format === '12' && ((0, jsx_runtime_1.jsxs)(ToggleButtons, Object.assign({ version: 'outlined', size: size, orientation: orientationValue, value: dayTime[index] || (0, date_1.format)(new date_1.OnesyDate(), 'a'), onChange: valueNew => updateDayTime(valueNew, index), select: 'single', unselect: false }, ToggleButtonsProps, { className: (0, style_react_1.classNames)([
|
|
665
668
|
(0, utils_2.staticClassName)('TimePicker', theme) && [
|
|
666
669
|
'onesy-TimePicker-toggle-buttons'
|
|
667
670
|
],
|
|
@@ -78,6 +78,7 @@ const useStyle = styleMethod(theme => ({
|
|
|
78
78
|
},
|
|
79
79
|
input_size_small: {
|
|
80
80
|
maxWidth: '72px',
|
|
81
|
+
width: '100%',
|
|
81
82
|
'& .onesy-TextField-input-wrapper': {
|
|
82
83
|
paddingInline: '0px',
|
|
83
84
|
paddingBlock: `${theme.methods.space.value(1, 'px')} ${theme.methods.space.value(0.5, 'px')}`,
|
|
@@ -94,6 +95,7 @@ const useStyle = styleMethod(theme => ({
|
|
|
94
95
|
},
|
|
95
96
|
input_size_regular: {
|
|
96
97
|
maxWidth: '96px',
|
|
98
|
+
width: '100%',
|
|
97
99
|
'& .onesy-TextField-input-wrapper': {
|
|
98
100
|
paddingInline: '0px',
|
|
99
101
|
paddingBlock: `${theme.methods.space.value(1.5, 'px')} ${theme.methods.space.value(1, 'px')}`,
|
|
@@ -110,6 +112,7 @@ const useStyle = styleMethod(theme => ({
|
|
|
110
112
|
},
|
|
111
113
|
input_size_large: {
|
|
112
114
|
maxWidth: '120px',
|
|
115
|
+
width: '100%',
|
|
113
116
|
'& .onesy-TextField-input-wrapper': {
|
|
114
117
|
paddingInline: '0px',
|
|
115
118
|
paddingBlock: `${theme.methods.space.value(2, 'px')} ${theme.methods.space.value(1.5, 'px')}`,
|
|
@@ -699,6 +702,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
|
|
|
699
702
|
color,
|
|
700
703
|
version: 'outlined',
|
|
701
704
|
size,
|
|
705
|
+
fullWidth: true,
|
|
702
706
|
className: classNames([staticClassName('TimePicker', theme) && ['onesy-TimePicker-input'], classes.input, classes[`input_version_${version}`], classes[`input_size_${size}`]]),
|
|
703
707
|
HelperTextProps: {
|
|
704
708
|
version: size === 'large' ? 'b2' : size === 'regular' ? 'b3' : 'b3'
|
|
@@ -813,7 +817,8 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
|
|
|
813
817
|
gap: 0,
|
|
814
818
|
direction: "row",
|
|
815
819
|
align: "center",
|
|
816
|
-
justify: "center"
|
|
820
|
+
justify: "center",
|
|
821
|
+
fullWidth: true
|
|
817
822
|
}, makeInputs(index)), format === '12' && /*#__PURE__*/React.createElement(ToggleButtons, _extends({
|
|
818
823
|
version: "outlined",
|
|
819
824
|
size: size,
|
package/esm/index.js
CHANGED