dce-reactkit 3.9.7 → 3.9.9
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 +13 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/stylesheets/shared.css.d.ts +1 -1
- package/dist/esm/index.js +13 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/stylesheets/shared.css.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/SimpleDateChooser.tsx +8 -2
- package/src/stylesheets/shared.css.ts +5 -0
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
* Universal stylesheet
|
|
3
3
|
* @author Gabe Abrams
|
|
4
4
|
*/
|
|
5
|
-
declare const shared = "\n/* Button with no style */\n.btn-nostyle {\n border: 0 !important;\n background: transparent !important;\n outline: 0 !important;\n font-size: inherit !important;\n color: inherit !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n/* Tooltip on Very Top */\n.tooltip {\n z-index: 9000000000 !important;\n}\n";
|
|
5
|
+
declare const shared = "\n/* Button with no style */\n.btn-nostyle {\n border: 0 !important;\n background: transparent !important;\n outline: 0 !important;\n font-size: inherit !important;\n color: inherit !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n/* Tooltip on Very Top */\n.tooltip {\n z-index: 9000000000 !important;\n}\n\n/* Tooltip White Text */\n.tooltip .tooltip-inner {\n color: white !important;\n}\n";
|
|
6
6
|
export default shared;
|
package/dist/esm/index.js
CHANGED
|
@@ -909,6 +909,11 @@ const shared = `
|
|
|
909
909
|
.tooltip {
|
|
910
910
|
z-index: 9000000000 !important;
|
|
911
911
|
}
|
|
912
|
+
|
|
913
|
+
/* Tooltip White Text */
|
|
914
|
+
.tooltip .tooltip-inner {
|
|
915
|
+
color: white !important;
|
|
916
|
+
}
|
|
912
917
|
`;
|
|
913
918
|
|
|
914
919
|
/**
|
|
@@ -1906,7 +1911,13 @@ const SimpleDateChooser = (props) => {
|
|
|
1906
1911
|
}
|
|
1907
1912
|
const monthName = getMonthName(month).full;
|
|
1908
1913
|
// Year is start year +1 for each 12 months
|
|
1909
|
-
|
|
1914
|
+
let yearsToAdd = 0;
|
|
1915
|
+
let monthsOfYearsToAdd = unmoddedMonth;
|
|
1916
|
+
while (monthsOfYearsToAdd > 12) {
|
|
1917
|
+
monthsOfYearsToAdd -= 12;
|
|
1918
|
+
yearsToAdd += 1;
|
|
1919
|
+
}
|
|
1920
|
+
const year = startYear + yearsToAdd;
|
|
1910
1921
|
// Figure out which days are allowed
|
|
1911
1922
|
const days = [];
|
|
1912
1923
|
const numDaysInMonth = (new Date(year, month, 0)).getDate();
|
|
@@ -1957,7 +1968,7 @@ const SimpleDateChooser = (props) => {
|
|
|
1957
1968
|
});
|
|
1958
1969
|
}
|
|
1959
1970
|
});
|
|
1960
|
-
return (React__default.createElement("div", { className: "SimpleDateChooser d-inline-block", "aria-label": `date chooser with selected date: ${month}
|
|
1971
|
+
return (React__default.createElement("div", { className: "SimpleDateChooser d-inline-block", "aria-label": `date chooser with selected date: ${month}/${day}/${year}` },
|
|
1961
1972
|
React__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) => {
|
|
1962
1973
|
const choice = choices[e.target.selectedIndex];
|
|
1963
1974
|
// Change day, month, and year
|