dce-reactkit 5.0.2 → 5.0.3

package/dist/cjs/index.js

@@ -1930,7 +1930,7 @@ const SimpleDateChooser = (props) => {
     /* -------------------------------- Setup ------------------------------- */
     /*------------------------------------------------------------------------*/
     /* -------------- Props ------------- */
-    const { ariaLabel, name, dontAllowPast, dontAllowFuture, numMonthsToShow, onChange, month, day, year, isDisabled = false, } = props;
+    const { ariaLabel, name, dontAllowPast, dontAllowFuture, numMonthsToShow, onChange, month, day, year, isDisabled = false, hideDay, } = props;
     // Get choices
     const choices = getChoices({
         numMonthsToShow,
@@ -2016,20 +2016,21 @@ const SimpleDateChooser = (props) => {
                     // Change day, month, and year
                     onChange(choice.month, choice.days[0], choice.year);
                 }, disabled: isDisabled }, monthOptions),
-            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) => {
+            !hideDay && (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) => {
                     // Only change the day
                     onChange(month, Number.parseInt(e.target.value, 10), year);
-                }, disabled: isDisabled }, dayOptions)));
+                }, disabled: isDisabled }, dayOptions))));
     }
     /* --------- DateOutOfRange --------- */
     if (view === View.InvalidDate) {
         body = (React__default["default"].createElement("div", { className: "SimpleDateChooser-inner-container d-inline-block" },
             React__default["default"].createElement("button", { type: "button", className: "btn btn-light", onClick: askToEditInvalidDate, "aria-label": `edit date for ${ariaLabel}` },
                 dceCommonkit.getMonthName(month).full,
-                ' ',
-                day,
-                dceCommonkit.getOrdinal(day),
-                ",",
+                !hideDay && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                    ' ',
+                    day,
+                    dceCommonkit.getOrdinal(day),
+                    ",")),
                 ' ',
                 year),
             React__default["default"].createElement("button", { type: "button", className: "btn btn-secondary", onClick: askToEditInvalidDate, "aria-label": `edit date for ${ariaLabel}` }, "Edit")));
@@ -2040,6 +2041,30 @@ const SimpleDateChooser = (props) => {
     return (React__default["default"].createElement("span", { className: "SimpleDateChooser-outer-container" }, body));
 };
 
+/**
+ * A very simple, lightweight month chooser
+ * @author Gabe Abrams
+ */
+/*------------------------------------------------------------------------*/
+/* ------------------------------ Component ----------------------------- */
+/*------------------------------------------------------------------------*/
+const SimpleMonthChooser = (props) => {
+    /*------------------------------------------------------------------------*/
+    /* -------------------------------- Setup ------------------------------- */
+    /*------------------------------------------------------------------------*/
+    /* -------------- Props ------------- */
+    const { ariaLabel, name, dontAllowPast, dontAllowFuture, numMonthsToShow, onChange, month, year, isDisabled, } = props;
+    /*------------------------------------------------------------------------*/
+    /* ------------------------------- Render ------------------------------- */
+    /*------------------------------------------------------------------------*/
+    /*----------------------------------------*/
+    /* --------------- Main UI -------------- */
+    /*----------------------------------------*/
+    return (React__default["default"].createElement(SimpleDateChooser, { ariaLabel: ariaLabel, name: name, month: month, day: 1, year: year, numMonthsToShow: numMonthsToShow, dontAllowPast: dontAllowPast, dontAllowFuture: dontAllowFuture, isDisabled: isDisabled, hideDay: true, onChange: (newMonth, newDay, newYear) => {
+            onChange(newMonth, newYear);
+        } }));
+};
+
 /**
  * A very simple, lightweight time chooser
  * @author Gardenia Liu
@@ -15014,6 +15039,7 @@ exports.ProgressBar = ProgressBar;
 exports.ProgressBarSize = ProgressBarSize$1;
 exports.RadioButton = RadioButton;
 exports.SimpleDateChooser = SimpleDateChooser;
+exports.SimpleMonthChooser = SimpleMonthChooser;
 exports.SimpleTimeChooser = SimpleTimeChooser;
 exports.TabBox = TabBox;
 exports.ToggleSwitch = ToggleSwitch;