diff --git a/packages/components/calendar/README.md b/packages/components/calendar/README.md
index 33986ec9d8..0a6816b232 100644
--- a/packages/components/calendar/README.md
+++ b/packages/components/calendar/README.md
@@ -21,12 +21,15 @@ import Calendar from "@docspace/components/calendar";
 
 #### Properties
 
-| Props          |      Type      | Required |    Values     |          Default          | Description                                                  |
-| -------------- | :------------: | :------: | :-----------: | :-----------------------: | ------------------------------------------------------------ |
-| `className`    |    `string`    |    -     |       -       |             -             | Accepts class                                                |
-| `id`           |    `string`    |    -     |       -       |             -             | Accepts id                                                   |
-| `locale`       |    `string`    |    -     |       -       | `User's browser settings` | Browser locale                                               |
-| `maxDate`      |     `date`     |    -     |       -       | `new Date("3000/01/01")`  | Maximum date that the user can select.                       |
-| `minDate`      |     `date`     |    -     |       -       | `new Date("1970/01/01")`  | Minimum date that the user can select.                       |
-| `onChange`     |     `func`     |    -     |       -       |             -             | Function called when the user select a day                   |
-| `style   `     |  `obj`, `arr`  |    -     |       -       |             -             | Accepts css style                                            |
+| Props             |       Type       | Required | Values |          Default          | Description                                |
+| ----------------- | :--------------: | :------: | :----: | :-----------------------: | ------------------------------------------ |
+| `className`       |     `string`     |    -     |   -    |             -             | Accepts class                              |
+| `id`              |     `string`     |    -     |   -    |             -             | Accepts id                                 |
+| `locale`          |     `string`     |    -     |   -    | `User's browser settings` | Browser locale                             |
+| `maxDate`         | `date`, `string` |    -     |   -    | `new Date("3000/01/01")`  | Maximum date that the user can select.     |
+| `minDate`         | `date`, `string` |    -     |   -    | `new Date("1970/01/01")`  | Minimum date that the user can select.     |
+| `onChange`        |      `func`      |    -     |   -    |             -             | Function called when the user select a day |
+| `style   `        |   `obj`, `arr`   |    -     |   -    |             -             | Accepts css style                          |
+| `initialDate`     |      `date`      |    -     |   -    |       `new Date()`        | First shown date.                          |
+| `selectedDate`    |      `date`      |    -     |   -    |             -             | Selected date                              |
+| `setSelectedDate` |      `date`      |    -     |   -    |             -             | Setter for selected date                   |
diff --git a/packages/components/calendar/calendar.stories.js b/packages/components/calendar/calendar.stories.js
index dfcdfc9fad..ae7c233e84 100644
--- a/packages/components/calendar/calendar.stories.js
+++ b/packages/components/calendar/calendar.stories.js
@@ -71,6 +71,6 @@ const Template = ({ locale, minDate, maxDate, ...args }) => {
 export const Default = Template.bind({});
 Default.args = {
   locale: "en",
-  maxDate: new Date(new Date().getFullYear() + 1 + "/01/01"),
+  maxDate: new Date(new Date().getFullYear() + 10 + "/01/01"),
   minDate: new Date("1970/01/01"),
 };