dce-reactkit 4.1.5 → 4.1.6

package/package.json

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

package/src/components/SimpleDateChooser.tsx

@@ -421,7 +421,7 @@ const SimpleDateChooser: React.FC<Props> = (props) => {
         {/* Month Chooser */}
         <select
           aria-label={`month for ${ariaLabel}`}
-          className="custom-select d-inline-block mr-1"
+          className="custom-select form-select d-inline-block mr-1"
           style={{ width: 'auto' }}
           id={`SimpleDateChooser-${name}-month`}
           value={`${month}-${year}`}
@@ -442,7 +442,7 @@ const SimpleDateChooser: React.FC<Props> = (props) => {
         {/* Day Chooser */}
         <select
           aria-label={`day for ${ariaLabel}`}
-          className="custom-select d-inline-block"
+          className="custom-select form-select d-inline-block"
           style={{ width: 'auto' }}
           id={`SimpleDateChooser-${name}-day`}
           value={day}

package/src/components/SimpleTimeChooser.tsx

@@ -167,7 +167,7 @@ const SimpleTimeChooser: React.FC<Props> = (props) => {
       {/* Time Chooser */}
       <select
         aria-label={`time for ${ariaLabel}`}
-        className="custom-select d-inline-block"
+        className="custom-select form-select d-inline-block"
         style={{ width: 'auto' }}
         id={`SimpleTimeChooser-${name}-time`}
         value={selectedTimeMin}