dce-reactkit 3.9.7 → 3.9.9

package/dist/esm/types/stylesheets/shared.css.d.ts

@@ -2,5 +2,5 @@
  * Universal stylesheet
  * @author Gabe Abrams
  */
-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";
+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";
 export default shared;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dce-reactkit",
-  "version": "3.9.7",
+  "version": "3.9.9",
   "description": "Shared components for Harvard DCE apps",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/SimpleDateChooser.tsx

@@ -94,7 +94,13 @@ const SimpleDateChooser: React.FC<Props> = (props) => {
     }
     const monthName = getMonthName(month).full;
     // Year is start year +1 for each 12 months
-    const year = (startYear + (Math.floor(unmoddedMonth / 12)));
+    let yearsToAdd = 0;
+    let monthsOfYearsToAdd = unmoddedMonth;
+    while (monthsOfYearsToAdd > 12) {
+      monthsOfYearsToAdd -= 12;
+      yearsToAdd += 1;
+    }
+    const year = startYear + yearsToAdd;
 
     // Figure out which days are allowed
     const days = [];
@@ -174,7 +180,7 @@ const SimpleDateChooser: React.FC<Props> = (props) => {
   return (
     <div
       className="SimpleDateChooser d-inline-block"
-      aria-label={`date chooser with selected date: ${month} ${day}, ${year}`}
+      aria-label={`date chooser with selected date: ${month}/${day}/${year}`}
     >
       {/* Month Chooser */}
       <select

package/src/stylesheets/shared.css.ts

@@ -18,6 +18,11 @@ const shared = `
 .tooltip {
   z-index: 9000000000 !important;
 }
+
+/* Tooltip White Text */
+.tooltip .tooltip-inner {
+  color: white !important;
+}
 `;
 
 export default shared;