dce-reactkit 4.1.5 → 4.1.6
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/cjs/index.js
CHANGED
|
@@ -2897,12 +2897,12 @@ const SimpleDateChooser = (props) => {
|
|
|
2897
2897
|
});
|
|
2898
2898
|
// Create body
|
|
2899
2899
|
body = (React__default["default"].createElement("div", { className: "SimpleDateChooser-inner-container d-inline-block", "aria-label": `date chooser with selected date: ${month}/${day}/${year}` },
|
|
2900
|
-
React__default["default"].createElement("select", { "aria-label": `month for ${ariaLabel}`, className: "custom-select d-inline-block mr-1", style: { width: 'auto' }, id: `SimpleDateChooser-${name}-month`, value: `${month}-${year}`, onChange: (e) => {
|
|
2900
|
+
React__default["default"].createElement("select", { "aria-label": `month for ${ariaLabel}`, className: "custom-select form-select d-inline-block mr-1", style: { width: 'auto' }, id: `SimpleDateChooser-${name}-month`, value: `${month}-${year}`, onChange: (e) => {
|
|
2901
2901
|
const choice = choices[e.target.selectedIndex];
|
|
2902
2902
|
// Change day, month, and year
|
|
2903
2903
|
onChange(choice.month, choice.days[0], choice.year);
|
|
2904
2904
|
} }, monthOptions),
|
|
2905
|
-
React__default["default"].createElement("select", { "aria-label": `day for ${ariaLabel}`, className: "custom-select d-inline-block", style: { width: 'auto' }, id: `SimpleDateChooser-${name}-day`, value: day, onChange: (e) => {
|
|
2905
|
+
React__default["default"].createElement("select", { "aria-label": `day for ${ariaLabel}`, className: "custom-select form-select d-inline-block", style: { width: 'auto' }, id: `SimpleDateChooser-${name}-day`, value: day, onChange: (e) => {
|
|
2906
2906
|
// Only change the day
|
|
2907
2907
|
onChange(month, Number.parseInt(e.target.value, 10), year);
|
|
2908
2908
|
} }, dayOptions)));
|
|
@@ -3035,7 +3035,7 @@ const SimpleTimeChooser = (props) => {
|
|
|
3035
3035
|
return (React__default["default"].createElement("option", { key: numMinutesForChoice, value: numMinutesForChoice, "aria-label": `choose ${timeString}` }, timeString));
|
|
3036
3036
|
});
|
|
3037
3037
|
return (React__default["default"].createElement("div", { className: "SimpleTimeChooser-container", "aria-label": `time chooser with selected time: ${formatTime(selectedTimeMin)}` },
|
|
3038
|
-
React__default["default"].createElement("select", { "aria-label": `time for ${ariaLabel}`, className: "custom-select d-inline-block", style: { width: 'auto' }, id: `SimpleTimeChooser-${name}-time`, value: selectedTimeMin, onChange: (e) => {
|
|
3038
|
+
React__default["default"].createElement("select", { "aria-label": `time for ${ariaLabel}`, className: "custom-select form-select d-inline-block", style: { width: 'auto' }, id: `SimpleTimeChooser-${name}-time`, value: selectedTimeMin, onChange: (e) => {
|
|
3039
3039
|
// Parse selector value (string)
|
|
3040
3040
|
const newTime = Number.parseInt(e.target.value, 10);
|
|
3041
3041
|
// Convert minutes since midnight to hour and minute
|