Update memorable date component to use monthSelect prop as true by de…

…fault
department-of-veterans-affairs · Sep 19, 2023 · 60b9f6c · 60b9f6c
1 parent d0c764b
commit 60b9f6c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/packages/storybook/stories/va-memorable-date-uswds.stories.jsx b/packages/storybook/stories/va-memorable-date-uswds.stories.jsx
@@ -25,7 +25,7 @@ const defaultArgs = {
   error: undefined,
   value: undefined,
   uswds: true,
-  monthSelect: false,
+  monthSelect: true,
 };
 
 const Template = ({ label, name, hint, required, error, uswds, value, monthSelect }) => {
@@ -147,17 +147,16 @@ Error.args = {
   error: 'Error Message Example',
 };
 
-export const WithMonthSelect = Template.bind(null);
-WithMonthSelect.args = {
+export const WithoutMonthSelect = Template.bind(null);
+WithoutMonthSelect.args = {
   ...defaultArgs,
-  monthSelect: true,
+  monthSelect: false,
   value: '2022-04-19',
 };
 
 export const ExtraHintText = Template.bind(null);
 ExtraHintText.args = {
   ...defaultArgs,
-  monthSelect: true,
   value: '2022-04-19',
   hint: 'Extra hint text',
 };

diff --git a/packages/web-components/src/components/va-memorable-date/va-memorable-date.tsx b/packages/web-components/src/components/va-memorable-date/va-memorable-date.tsx
@@ -63,7 +63,7 @@ export class VaMemorableDate {
   /**
    * Whether or not to use the month as an input or select.
    */
-  @Prop() monthSelect?: boolean = false;
+  @Prop() monthSelect?: boolean = true;
 
   /**
    * Label for the field.