dce-reactkit 5.0.2 → 5.0.4

package/dist/esm/types/components/SimpleDateChooser.d.ts

@@ -21,6 +21,7 @@ type Props = {
     dontAllowPast?: boolean;
     dontAllowFuture?: boolean;
     isDisabled?: boolean;
+    hideDay?: boolean;
 };
 declare const SimpleDateChooser: React.FC<Props>;
 export default SimpleDateChooser;

package/dist/esm/types/components/SimpleMonthChooser.d.ts

@@ -0,0 +1,23 @@
+/**
+ * A very simple, lightweight month chooser
+ * @author Gabe Abrams
+ */
+import React from 'react';
+type Props = {
+    ariaLabel: string;
+    name: string;
+    month: number;
+    year: number;
+    /**
+     * Handler for when month changes
+     * @param month new 1-indexed month number
+     * @param year new full year number
+     */
+    onChange: (month: number, year: number) => void;
+    numMonthsToShow?: number;
+    dontAllowPast?: boolean;
+    dontAllowFuture?: boolean;
+    isDisabled?: boolean;
+};
+declare const SimpleMonthChooser: React.FC<Props>;
+export default SimpleMonthChooser;

package/dist/esm/types/index.d.ts

@@ -1,4 +1,4 @@
-import { ErrorWithCode, MINUTE_IN_MS, HOUR_IN_MS, DAY_IN_MS, LOG_REVIEW_ROUTE_PATH_PREFIX, LOG_ROUTE_PATH, LOG_REVIEW_STATUS_ROUTE, LOG_REVIEW_GET_LOGS_ROUTE, SELECT_ADMIN_CHECK_ROUTE, abbreviate, avg, ceilToNumDecimals, floorToNumDecimals, forceNumIntoBounds, padDecimalZeros, padZerosLeft, roundToNumDecimals, sum, waitMs, getOrdinal, getTimeInfoInET, startMinWait, getHumanReadableDate, getPartOfDay, stringsToHumanReadableList, onlyKeepLetters, parallelLimit, getMonthName, genCSV, extractProp, compareArraysByProp, getLocalTimeInfo, genCommaList, validateEmail, validatePhoneNumber, validateString, idify, prefixWithAOrAn, everyAsync, filterAsync, forEachAsync, mapAsync, someAsync, capitalize, shuffleArray, getWordCount, cloneDeep, getTimestampFromTimeInfoInET, ParamType, DayOfWeek, Log, LogType, LogSource, LogAction, LogBuiltInMetadata, LogMetadataType, LogFunction, LogTypeSpecificInfo, LogMainInfo, LogSourceSpecificInfo, LogLevel, CommonKitErrorCode, LogReviewerFilterState } from 'dce-commonkit';
+import { ErrorWithCode, MINUTE_IN_MS, HOUR_IN_MS, DAY_IN_MS, LOG_REVIEW_ROUTE_PATH_PREFIX, LOG_ROUTE_PATH, LOG_REVIEW_STATUS_ROUTE, LOG_REVIEW_GET_LOGS_ROUTE, SELECT_ADMIN_CHECK_ROUTE, abbreviate, avg, ceilToNumDecimals, floorToNumDecimals, forceNumIntoBounds, padDecimalZeros, padZerosLeft, roundToNumDecimals, sum, waitMs, getOrdinal, getTimeInfoInET, startMinWait, getHumanReadableDate, getPartOfDay, stringsToHumanReadableList, onlyKeepLetters, parallelLimit, getMonthName, genCSV, extractProp, compareArraysByProp, getLocalTimeInfo, genCommaList, validateEmail, validatePhoneNumber, validateString, idify, prefixWithAOrAn, everyAsync, filterAsync, forEachAsync, mapAsync, someAsync, capitalize, shuffleArray, getWordCount, cloneDeep, getTimestampFromTimeInfoInET, spaceAtCapitals, ParamType, DayOfWeek, Log, LogType, LogSource, LogAction, LogBuiltInMetadata, LogMetadataType, LogFunction, LogTypeSpecificInfo, LogMainInfo, LogSourceSpecificInfo, LogLevel, CommonKitErrorCode, LogReviewerFilterState } from 'dce-commonkit';
 import AppWrapper, { alert, prompt, confirm, showFatalError, addFatalErrorHandler, leaveToURL } from './components/AppWrapper';
 import LoadingSpinner from './components/LoadingSpinner';
 import ErrorBox from './components/ErrorBox';
@@ -8,6 +8,7 @@ import RadioButton from './components/RadioButton';
 import CheckboxButton from './components/CheckboxButton';
 import ButtonInputGroup from './components/ButtonInputGroup';
 import SimpleDateChooser from './components/SimpleDateChooser';
+import SimpleMonthChooser from './components/SimpleMonthChooser';
 import SimpleTimeChooser from './components/SimpleTimeChooser';
 import Drawer from './components/Drawer';
 import PopSuccessMark from './components/PopSuccessMark';
@@ -48,4 +49,4 @@ import PickableItem from './components/ItemPicker/types/PickableItem';
 import DBEntry from './components/DBEntryManagerPanel/types/DBEntry';
 import DBEntryField from './components/DBEntryManagerPanel/types/DBEntryField';
 import DBEntryFieldType from './components/DBEntryManagerPanel/types/DBEntryFieldType';
-export { AppWrapper, LoadingSpinner, ErrorBox, Modal, TabBox, RadioButton, CheckboxButton, ButtonInputGroup, SimpleDateChooser, SimpleTimeChooser, Drawer, PopSuccessMark, PopFailureMark, PopPendingMark, CopiableBox, ItemPicker, LogReviewer, IntelliTable, CSVDownloadButton, DBEntryManagerPanel, Tooltip, ToggleSwitch, AutoscrollToBottomContainer, MultiSwitch, Dropdown, ProgressBar, FakeProgressBar, alert, prompt, confirm, showFatalError, DynamicWord, stubServerEndpoint, canReviewLogs, isMobileOrTablet, makeLinksClickable, isSelectAdmin, initClient, visitServerEndpoint, logClientEvent, addFatalErrorHandler, leaveToURL, combineClassNames, useForceRender, setClientEventMetadataPopulator, ModalButtonType, ModalSize, ModalType, Variant, IntelliTableColumn, DropdownItemType, LogReviewerFilterState, ProgressBarSize, PickableItem, DBEntry, DBEntryField, DBEntryFieldType, ErrorWithCode, MINUTE_IN_MS, HOUR_IN_MS, DAY_IN_MS, LOG_REVIEW_ROUTE_PATH_PREFIX, LOG_ROUTE_PATH, LOG_REVIEW_STATUS_ROUTE, LOG_REVIEW_GET_LOGS_ROUTE, SELECT_ADMIN_CHECK_ROUTE, abbreviate, avg, ceilToNumDecimals, floorToNumDecimals, forceNumIntoBounds, padDecimalZeros, padZerosLeft, roundToNumDecimals, sum, waitMs, getOrdinal, getTimeInfoInET, startMinWait, getHumanReadableDate, getPartOfDay, stringsToHumanReadableList, onlyKeepLetters, parallelLimit, getMonthName, genCSV, extractProp, compareArraysByProp, getLocalTimeInfo, genCommaList, validateEmail, validatePhoneNumber, validateString, idify, prefixWithAOrAn, everyAsync, filterAsync, forEachAsync, mapAsync, someAsync, capitalize, shuffleArray, getWordCount, cloneDeep, getTimestampFromTimeInfoInET, ParamType, DayOfWeek, Log, LogType, LogSource, LogAction, LogBuiltInMetadata, LogMetadataType, LogFunction, LogTypeSpecificInfo, LogMainInfo, LogSourceSpecificInfo, LogLevel, CommonKitErrorCode, };
+export { AppWrapper, LoadingSpinner, ErrorBox, Modal, TabBox, RadioButton, CheckboxButton, ButtonInputGroup, SimpleDateChooser, SimpleMonthChooser, SimpleTimeChooser, Drawer, PopSuccessMark, PopFailureMark, PopPendingMark, CopiableBox, ItemPicker, LogReviewer, IntelliTable, CSVDownloadButton, DBEntryManagerPanel, Tooltip, ToggleSwitch, AutoscrollToBottomContainer, MultiSwitch, Dropdown, ProgressBar, FakeProgressBar, alert, prompt, confirm, showFatalError, DynamicWord, stubServerEndpoint, canReviewLogs, isMobileOrTablet, makeLinksClickable, isSelectAdmin, initClient, visitServerEndpoint, logClientEvent, addFatalErrorHandler, leaveToURL, combineClassNames, useForceRender, setClientEventMetadataPopulator, ModalButtonType, ModalSize, ModalType, Variant, IntelliTableColumn, DropdownItemType, LogReviewerFilterState, ProgressBarSize, PickableItem, DBEntry, DBEntryField, DBEntryFieldType, ErrorWithCode, MINUTE_IN_MS, HOUR_IN_MS, DAY_IN_MS, LOG_REVIEW_ROUTE_PATH_PREFIX, LOG_ROUTE_PATH, LOG_REVIEW_STATUS_ROUTE, LOG_REVIEW_GET_LOGS_ROUTE, SELECT_ADMIN_CHECK_ROUTE, abbreviate, avg, ceilToNumDecimals, floorToNumDecimals, forceNumIntoBounds, padDecimalZeros, padZerosLeft, roundToNumDecimals, sum, waitMs, getOrdinal, getTimeInfoInET, startMinWait, getHumanReadableDate, getPartOfDay, stringsToHumanReadableList, onlyKeepLetters, parallelLimit, getMonthName, genCSV, extractProp, compareArraysByProp, getLocalTimeInfo, genCommaList, validateEmail, validatePhoneNumber, validateString, idify, prefixWithAOrAn, everyAsync, filterAsync, forEachAsync, mapAsync, someAsync, capitalize, shuffleArray, getWordCount, cloneDeep, getTimestampFromTimeInfoInET, spaceAtCapitals, ParamType, DayOfWeek, Log, LogType, LogSource, LogAction, LogBuiltInMetadata, LogMetadataType, LogFunction, LogTypeSpecificInfo, LogMainInfo, LogSourceSpecificInfo, LogLevel, CommonKitErrorCode, };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { LogMetadataType, ParamType, LogFunction } from 'dce-commonkit';
-export { CommonKitErrorCode, DAY_IN_MS, DayOfWeek, ErrorWithCode, HOUR_IN_MS, LOG_REVIEW_GET_LOGS_ROUTE, LOG_REVIEW_ROUTE_PATH_PREFIX, LOG_REVIEW_STATUS_ROUTE, LOG_ROUTE_PATH, Log, LogAction, LogBuiltInMetadata, LogFunction, LogLevel, LogMainInfo, LogMetadataType, LogReviewerFilterState, LogSource, LogSourceSpecificInfo, LogType, LogTypeSpecificInfo, MINUTE_IN_MS, ParamType, SELECT_ADMIN_CHECK_ROUTE, abbreviate, avg, capitalize, ceilToNumDecimals, cloneDeep, compareArraysByProp, everyAsync, extractProp, filterAsync, floorToNumDecimals, forEachAsync, forceNumIntoBounds, genCSV, genCommaList, getHumanReadableDate, getLocalTimeInfo, getMonthName, getOrdinal, getPartOfDay, getTimeInfoInET, getTimestampFromTimeInfoInET, getWordCount, idify, mapAsync, onlyKeepLetters, padDecimalZeros, padZerosLeft, parallelLimit, prefixWithAOrAn, roundToNumDecimals, shuffleArray, someAsync, startMinWait, stringsToHumanReadableList, sum, validateEmail, validatePhoneNumber, validateString, waitMs } from 'dce-commonkit';
+export { CommonKitErrorCode, DAY_IN_MS, DayOfWeek, ErrorWithCode, HOUR_IN_MS, LOG_REVIEW_GET_LOGS_ROUTE, LOG_REVIEW_ROUTE_PATH_PREFIX, LOG_REVIEW_STATUS_ROUTE, LOG_ROUTE_PATH, Log, LogAction, LogBuiltInMetadata, LogFunction, LogLevel, LogMainInfo, LogMetadataType, LogReviewerFilterState, LogSource, LogSourceSpecificInfo, LogType, LogTypeSpecificInfo, MINUTE_IN_MS, ParamType, SELECT_ADMIN_CHECK_ROUTE, abbreviate, avg, capitalize, ceilToNumDecimals, cloneDeep, compareArraysByProp, everyAsync, extractProp, filterAsync, floorToNumDecimals, forEachAsync, forceNumIntoBounds, genCSV, genCommaList, getHumanReadableDate, getLocalTimeInfo, getMonthName, getOrdinal, getPartOfDay, getTimeInfoInET, getTimestampFromTimeInfoInET, getWordCount, idify, mapAsync, onlyKeepLetters, padDecimalZeros, padZerosLeft, parallelLimit, prefixWithAOrAn, roundToNumDecimals, shuffleArray, someAsync, spaceAtCapitals, startMinWait, stringsToHumanReadableList, sum, validateEmail, validatePhoneNumber, validateString, waitMs } from 'dce-commonkit';
 import React$1 from 'react';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 
@@ -25,7 +25,7 @@ declare enum Variant {
  * @author Gabe Abrams
  */
 
-type Props$o = {
+type Props$p = {
     children: React$1.ReactNode;
 };
 /**
@@ -108,7 +108,7 @@ declare const showFatalError: (error: any, errorTitle?: string) => Promise<void>
  * @author Gabe Abrams
  */
 declare const addFatalErrorHandler: (handler: () => void) => void;
-declare const AppWrapper: React$1.FC<Props$o>;
+declare const AppWrapper: React$1.FC<Props$p>;
 
 /**
  * Loading spinner/indicator
@@ -122,14 +122,14 @@ declare const LoadingSpinner: () => React$1.JSX.Element;
  * @author Gabe Abrams
  */
 
-type Props$n = {
+type Props$o = {
     error: any;
     title?: string;
     onClose?: () => void;
     variant?: Variant;
     icon?: IconProp;
 };
-declare const ErrorBox: React$1.FC<Props$n>;
+declare const ErrorBox: React$1.FC<Props$o>;
 
 /**
  * Types of buttons in the modal
@@ -228,7 +228,7 @@ declare const Modal: React$1.FC<ModalProps>;
  * @author Gabe Abrams
  */
 
-type Props$m = {
+type Props$n = {
     title: React$1.ReactNode;
     children: React$1.ReactNode;
     topRightChildren?: React$1.ReactNode;
@@ -236,14 +236,14 @@ type Props$m = {
     noBottomPadding?: boolean;
     minTitleWidth?: string;
 };
-declare const TabBox: React$1.FC<Props$m>;
+declare const TabBox: React$1.FC<Props$n>;
 
 /**
  * A radio selection button
  * @author Gabe Abrams
  */
 
-type Props$l = {
+type Props$m = {
     text: React$1.ReactNode;
     onSelected: () => void;
     ariaLabel: string;
@@ -257,14 +257,14 @@ type Props$l = {
     small?: boolean;
     useComplexFormatting?: boolean;
 };
-declare const RadioButton: React$1.FC<Props$l>;
+declare const RadioButton: React$1.FC<Props$m>;
 
 /**
  * A checkbox button
  * @author Gabe Abrams
  */
 
-type Props$k = {
+type Props$l = {
     text: React$1.ReactNode;
     onChanged: (checked: boolean) => void;
     ariaLabel: string;
@@ -279,14 +279,14 @@ type Props$k = {
     dashed?: boolean;
     useComplexFormatting?: boolean;
 };
-declare const CheckboxButton: React$1.FC<Props$k>;
+declare const CheckboxButton: React$1.FC<Props$l>;
 
 /**
  * Input group with a title and space for buttons
  * @author Gabe Abrams
  */
 
-type Props$j = {
+type Props$k = {
     label: React$1.ReactNode;
     minLabelWidth?: string;
     children: React$1.ReactNode;
@@ -295,7 +295,7 @@ type Props$j = {
     isAdminFeature?: boolean;
     noMarginOnBottom?: boolean;
 };
-declare const ButtonInputGroup: React$1.FC<Props$j>;
+declare const ButtonInputGroup: React$1.FC<Props$k>;
 
 /**
  * A very simple, lightweight date chooser
@@ -303,7 +303,7 @@ declare const ButtonInputGroup: React$1.FC<Props$j>;
  * @author Gardenia Liu
  */
 
-type Props$i = {
+type Props$j = {
     ariaLabel: string;
     name: string;
     month: number;
@@ -320,8 +320,32 @@ type Props$i = {
     dontAllowPast?: boolean;
     dontAllowFuture?: boolean;
     isDisabled?: boolean;
+    hideDay?: boolean;
+};
+declare const SimpleDateChooser: React$1.FC<Props$j>;
+
+/**
+ * A very simple, lightweight month chooser
+ * @author Gabe Abrams
+ */
+
+type Props$i = {
+    ariaLabel: string;
+    name: string;
+    month: number;
+    year: number;
+    /**
+     * Handler for when month changes
+     * @param month new 1-indexed month number
+     * @param year new full year number
+     */
+    onChange: (month: number, year: number) => void;
+    numMonthsToShow?: number;
+    dontAllowPast?: boolean;
+    dontAllowFuture?: boolean;
+    isDisabled?: boolean;
 };
-declare const SimpleDateChooser: React$1.FC<Props$i>;
+declare const SimpleMonthChooser: React$1.FC<Props$i>;
 
 /**
  * A very simple, lightweight time chooser
@@ -941,4 +965,4 @@ declare const useForceRender: (useReducer: any) => () => void;
  */
 declare const isSelectAdmin: () => Promise<boolean>;
 
-export { AppWrapper, AutoscrollToBottomContainer, ButtonInputGroup, CSVDownloadButton, CheckboxButton, CopiableBox, DBEntry, DBEntryField, DBEntryFieldType, DBEntryManagerPanel, Drawer, Dropdown, DropdownItemType, DynamicWord, ErrorBox, FakeProgressBar, IntelliTable, IntelliTableColumn, ItemPicker, LoadingSpinner, LogReviewer, Modal, ModalButtonType, ModalSize, ModalType, MultiSwitch, PickableItem, PopFailureMark, PopPendingMark, PopSuccessMark, ProgressBar, ProgressBarSize, RadioButton, SimpleDateChooser, SimpleTimeChooser, TabBox, ToggleSwitch, Tooltip, Variant, addFatalErrorHandler, alert, canReviewLogs, combineClassNames, confirm, initClient, isMobileOrTablet, isSelectAdmin, leaveToURL, logClientEvent, makeLinksClickable, prompt, setClientEventMetadataPopulator, showFatalError, stubServerEndpoint, useForceRender, visitServerEndpoint };
+export { AppWrapper, AutoscrollToBottomContainer, ButtonInputGroup, CSVDownloadButton, CheckboxButton, CopiableBox, DBEntry, DBEntryField, DBEntryFieldType, DBEntryManagerPanel, Drawer, Dropdown, DropdownItemType, DynamicWord, ErrorBox, FakeProgressBar, IntelliTable, IntelliTableColumn, ItemPicker, LoadingSpinner, LogReviewer, Modal, ModalButtonType, ModalSize, ModalType, MultiSwitch, PickableItem, PopFailureMark, PopPendingMark, PopSuccessMark, ProgressBar, ProgressBarSize, RadioButton, SimpleDateChooser, SimpleMonthChooser, SimpleTimeChooser, TabBox, ToggleSwitch, Tooltip, Variant, addFatalErrorHandler, alert, canReviewLogs, combineClassNames, confirm, initClient, isMobileOrTablet, isSelectAdmin, leaveToURL, logClientEvent, makeLinksClickable, prompt, setClientEventMetadataPopulator, showFatalError, stubServerEndpoint, useForceRender, visitServerEndpoint };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dce-reactkit",
-  "version": "5.0.2",
+  "version": "5.0.4",
   "description": "Shared components for Harvard DCE apps",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -24,7 +24,7 @@
   },
   "homepage": "https://github.com/harvard-edtech/dce-reactkit#readme",
   "dependencies": {
-    "dce-commonkit": "^5.0.0",
+    "dce-commonkit": "^5.0.1",
     "react-select": "^5.7.3"
   },
   "peerDependencies": {

package/src/components/SimpleDateChooser.tsx

@@ -51,6 +51,8 @@ type Props = {
   dontAllowFuture?: boolean,
   // If true, the chooser is disabled
   isDisabled?: boolean,
+  // If true, hide the "day" dropdown and just show the month and year
+  hideDay?: boolean,
 };
 
 /*------------------------------------------------------------------------*/
@@ -292,6 +294,7 @@ const SimpleDateChooser: React.FC<Props> = (props) => {
     day,
     year,
     isDisabled = false,
+    hideDay,
   } = props;
 
   // Get choices
@@ -442,24 +445,26 @@ const SimpleDateChooser: React.FC<Props> = (props) => {
         </select>
 
         {/* Day Chooser */}
-        <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}
-        </select>
+        {!hideDay && (
+          <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}
+          </select>
+        )}
       </div>
     );
   }
@@ -476,10 +481,14 @@ const SimpleDateChooser: React.FC<Props> = (props) => {
           aria-label={`edit date for ${ariaLabel}`}
         >
           {getMonthName(month).full}
-          {' '}
-          {day}
-          {getOrdinal(day)}
-          ,
+          {!hideDay && (
+            <>
+              {' '}
+              {day}
+              {getOrdinal(day)}
+              ,
+            </>
+          )}
           {' '}
           {year}
         </button>

package/src/components/SimpleMonthChooser.tsx

@@ -0,0 +1,98 @@
+/**
+ * A very simple, lightweight month chooser
+ * @author Gabe Abrams
+ */
+
+// Import React
+import React from 'react';
+
+// Import other components
+import SimpleDateChooser from './SimpleDateChooser';
+
+/*------------------------------------------------------------------------*/
+/* -------------------------------- Types ------------------------------- */
+/*------------------------------------------------------------------------*/
+
+type Props = {
+  // Aria label
+  ariaLabel: string,
+  // Name of the chooser (machine-readable, hyphenated)
+  name: string,
+  // Currently selected month
+  month: number,
+  // Currently selected year
+  year: number,
+  /**
+   * Handler for when month changes
+   * @param month new 1-indexed month number
+   * @param year new full year number
+   */
+  onChange: (month: number, year: number) => void,
+  // Number of months in either the past or future to allow the user to choose from
+  // If we aren't allowing the past or the future, we will throw an error
+  // (max is 12, default is 6 in the past and 6 in the future)
+  numMonthsToShow?: number,
+  // If true, the user isn't allowed to select dates in the past
+  dontAllowPast?: boolean,
+  // If true, the user isn't allowed to select dates in the future
+  dontAllowFuture?: boolean,
+  // If true, the chooser is disabled
+  isDisabled?: boolean,
+};
+
+/*------------------------------------------------------------------------*/
+/* ------------------------------ Component ----------------------------- */
+/*------------------------------------------------------------------------*/
+
+const SimpleMonthChooser: React.FC<Props> = (props) => {
+  /*------------------------------------------------------------------------*/
+  /* -------------------------------- Setup ------------------------------- */
+  /*------------------------------------------------------------------------*/
+
+  /* -------------- Props ------------- */
+
+  const {
+    ariaLabel,
+    name,
+    dontAllowPast,
+    dontAllowFuture,
+    numMonthsToShow,
+    onChange,
+    month,
+    year,
+    isDisabled,
+  } = props;
+
+  /*------------------------------------------------------------------------*/
+  /* ------------------------------- Render ------------------------------- */
+  /*------------------------------------------------------------------------*/
+
+  /*----------------------------------------*/
+  /* --------------- Main UI -------------- */
+  /*----------------------------------------*/
+
+  return (
+    <SimpleDateChooser
+      ariaLabel={ariaLabel}
+      name={name}
+      month={month}
+      day={1}
+      year={year}
+      numMonthsToShow={numMonthsToShow}
+      dontAllowPast={dontAllowPast}
+      dontAllowFuture={dontAllowFuture}
+      isDisabled={isDisabled}
+      hideDay
+      onChange={(newMonth, newDay, newYear) => {
+        onChange(newMonth, newYear);
+      }}
+    />
+  );
+};
+
+/*------------------------------------------------------------------------*/
+/* ------------------------------- Wrap Up ------------------------------ */
+/*------------------------------------------------------------------------*/
+
+// Export component
+export default SimpleMonthChooser;

package/src/index.ts

@@ -51,6 +51,7 @@ import {
   getWordCount,
   cloneDeep,
   getTimestampFromTimeInfoInET,
+  spaceAtCapitals,
   // Types
   ParamType,
   DayOfWeek,
@@ -86,6 +87,7 @@ import RadioButton from './components/RadioButton';
 import CheckboxButton from './components/CheckboxButton';
 import ButtonInputGroup from './components/ButtonInputGroup';
 import SimpleDateChooser from './components/SimpleDateChooser';
+import SimpleMonthChooser from './components/SimpleMonthChooser';
 import SimpleTimeChooser from './components/SimpleTimeChooser';
 import Drawer from './components/Drawer';
 import PopSuccessMark from './components/PopSuccessMark';
@@ -147,6 +149,7 @@ export {
   CheckboxButton,
   ButtonInputGroup,
   SimpleDateChooser,
+  SimpleMonthChooser,
   SimpleTimeChooser,
   Drawer,
   PopSuccessMark,
@@ -253,6 +256,7 @@ export {
   getWordCount,
   cloneDeep,
   getTimestampFromTimeInfoInET,
+  spaceAtCapitals,
   // Types
   ParamType,
   DayOfWeek,