🐛(react) adjust the calendar width with a full width input

Establish a maximum width for the calendar that slightly
exceeds the Figma design, allowing for optimal display
of most timezone locales without expanding to fit the full
width input.

packages/react/src/components/Forms/DatePicker/index.scss

@@ -213,6 +213,7 @@
 .c__calendar {
   display: block;
   transform: translate(2px, 0);
+  max-width: px-to-rem(340px);
 
   &__wrapper {
     display: block;

packages/react/src/components/Forms/DatePicker/index.stories.tsx

@@ -87,6 +87,14 @@ export const WithText = {
   },
 };
 
+export const Fullwidth = {
+  render: Template,
+  args: {
+    defaultValue: "2023-05-24",
+    fullWidth: true,
+  },
+};
+
 export const Controlled = () => {
   const [value, setValue] = useState<StringOrDate | null>("2023-05-26");
   return (