Named months (#2130)

* Use named moths to avoid ambiguity

* Change format of gift card expiration

src/components/ChannelsAvailabilityCard/Channel/ChannelAvailabilityItemContent.tsx

@@ -54,7 +54,7 @@ const ChannelContent: React.FC<ChannelContentProps> = ({
   const intl = useIntl();
   const classes = useStyles({});
 
-  const todayDate = localizeDate(new Date(dateNow).toISOString(), "YYYY-MM-DD");
+  const todayDate = localizeDate(new Date(dateNow).toISOString());
 
   const visibleMessage = (date: string) =>
     intl.formatMessage(
@@ -64,7 +64,7 @@ const ChannelContent: React.FC<ChannelContentProps> = ({
         description: "date",
       },
       {
-        date: localizeDate(date, "L"),
+        date: localizeDate(date),
       },
     );
   const formErrors = getFormErrors(

src/components/ChannelsAvailabilityCard/utils.ts

@@ -29,7 +29,7 @@ export const getChannelsAvailabilityMessages = ({
                   description: "channel publication date",
                 },
                 {
-                  date: localizeDate(currVal.publicationDate, "L"),
+                  date: localizeDate(currVal.publicationDate),
                 },
               )
             : currVal.publicationDate
@@ -40,7 +40,7 @@ export const getChannelsAvailabilityMessages = ({
                   description: "channel publication date",
                 },
                 {
-                  date: localizeDate(currVal.publicationDate, "L"),
+                  date: localizeDate(currVal.publicationDate),
                 },
               )
             : currVal.isPublished
@@ -66,7 +66,7 @@ export const getChannelsAvailabilityMessages = ({
             description: "product available for purchase date",
           },
           {
-            date: localizeDate(currVal.availableForPurchase, "L"),
+            date: localizeDate(currVal.availableForPurchase),
           },
         ),
         hiddenSecondLabel: intl.formatMessage(
@@ -76,7 +76,7 @@ export const getChannelsAvailabilityMessages = ({
             description: "product publication date label",
           },
           {
-            date: localizeDate(currVal.publicationDate, "L"),
+            date: localizeDate(currVal.publicationDate),
           },
         ),
         setAvailabilityDateLabel: intl.formatMessage({

src/components/VisibilityCard/VisibilityCard.tsx

@@ -115,7 +115,7 @@ export const VisibilityCard: React.FC<VisibilityCardProps> = props => {
         description: "date",
       },
       {
-        date: localizeDate(date, "L"),
+        date: localizeDate(date),
       },
     );
 

src/giftCards/GiftCardCreateDialog/GiftCardCreateExpirySelect/GiftCardCreateExpirySelect.tsx

@@ -125,7 +125,7 @@ const GiftCardCreateExpirySelect: React.FC<GiftCardCreateExpirySelectProps> = ({
                     currentDate,
                     expiryPeriodType,
                     expiryPeriodAmount,
-                  )?.format("L")}
+                  )?.format("ll")}
                 </Typography>
               </div>
             </div>

src/giftCards/GiftCardUpdate/GiftCardUpdateInfoCard/GiftCardUpdateInfoCardContent.tsx

@@ -115,7 +115,7 @@ const GiftCardUpdateInfoCardContent: React.FC = () => {
   return (
     <>
       <Label text={intl.formatMessage(messages.creationLabel)} />
-      <Typography>{localizeDate(created, "DD MMMM YYYY")}</Typography>
+      <Typography>{localizeDate(created)}</Typography>
       <CardSpacer />
 
       <Label text={intl.formatMessage(messages.orderNumberLabel)} />

src/pages/components/PageDetailsPage/PageDetailsPage.tsx

@@ -230,7 +230,7 @@ const PageDetailsPage: React.FC<PageDetailsPageProps> = ({
                       description: "page",
                     },
                     {
-                      date: localizeDate(data.publicationDate, "L"),
+                      date: localizeDate(data.publicationDate),
                     },
                   ),
                   visibleLabel: intl.formatMessage({