feat(react): add option to closeOnSelect (#11597)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Jun 13, 2022 · c8e989b · c8e989b
1 parent 8d8e1b6
commit c8e989b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
@@ -2157,6 +2157,9 @@ Map {
       "className": Object {
         "type": "string",
       },
+      "closeOnSelect": Object {
+        "type": "bool",
+      },
       "dateFormat": Object {
         "type": "string",
       },

diff --git a/packages/react/src/components/DatePicker/DatePicker.js b/packages/react/src/components/DatePicker/DatePicker.js
@@ -179,6 +179,7 @@ function DatePicker({
   appendTo,
   children,
   className,
+  closeOnSelect = true,
   dateFormat = 'm/d/Y',
   datePickerType,
   disable,
@@ -286,6 +287,7 @@ function DatePicker({
       inline: inline ?? false,
       disableMobile: true,
       defaultDate: value,
+      closeOnSelect: closeOnSelect,
       mode: datePickerType,
       allowInput: allowInput ?? true,
       dateFormat: dateFormat,
@@ -488,6 +490,11 @@ DatePicker.propTypes = {
    */
   className: PropTypes.string,
 
+  /**
+   * flatpickr prop passthrough. Controls whether the calendar dropdown closes upon selection.
+   */
+  closeOnSelect: PropTypes.bool,
+
   /**
    * The date format.
    */