update docs

docs/en/learn/action-handlers/get-and-change-every-day.mdx

@@ -0,0 +1,7 @@
+# Get and change every day
+
+By having access to each day, we may post additional information or otherwise change each day on the calendar.
+
+As an example, let's add a random cost to each day.
+
+<Sandbox example="action-handlers-get-and-change-every-day" />

docs/en/reference/additionally/actions.mdx

@@ -171,5 +171,5 @@ new VanillaCalendar('#calendar', {
 });
 ```
 
-The method is triggered when the calendar is initialized and the month and year are changed. Allows you to get the necessary information about each day and its HTML element.
+The method is triggered when the calendar is initialized and any change. Allows you to get the necessary information about each day and its HTML element.
 Parameters that can be obtained: `day` - day number, `date` - full date in `YYYY-MM-DD` format, `HTMLElement` - parent (wrapper) HTML element of the day, `HTMLButtonElement` - child (button) HTML element of the day.

docs/ru/learn/action-handlers/get-and-change-every-day.mdx

@@ -0,0 +1,7 @@
+# Получить и изменить каждый день
+
+Имея доступ к каждому дню, мы можем публиковать дополнительную информацию или иным образом изменять каждый день в календаре.
+
+В качестве примера давайте добавим рандомную стоимость к каждому дню.
+
+<Sandbox example="action-handlers-get-and-change-every-day" />

docs/ru/reference/additionally/actions.mdx

@@ -174,5 +174,5 @@ new VanillaCalendar('#calendar', {
 });
 ```
 
-Метод срабатывает при инициализации календаря и изменении месяца и года. Позволяет получить необходимую информацию о каждом дне и его HTML-элементе.
+Метод срабатывает при инициализации календаря и любых изменениях. Позволяет получить необходимую информацию о каждом дне и его HTML-элементе.
 Параметры, которые можно получить: `day` - номер дня, `date` - полная дата в формате `YYYY-MM-DD`, `HTMLElement` - родительский (обертка) HTML-элемент дня, `HTMLButtonElement` - дочерний (кнопка) HTML-элемент дня.

examples/action-handlers-get-and-change-every-day.js

@@ -0,0 +1,23 @@
+import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
+import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import '@uvarov.frontend/vanilla-calendar/build/themes/light.min.css';
+import '@uvarov.frontend/vanilla-calendar/build/themes/dark.min.css';
+
+const options = {
+  actions: {
+    getDays(day, date, HTMLElement, HTMLButtonElement) {
+      const randomBoolean = Math.random() < 0.5;
+      if (!randomBoolean) return;
+      const randomPrice = Math.floor(Math.random() * (999 - 100 + 1) + 100);
+
+      HTMLButtonElement.style.flexDirection = 'column';
+      HTMLButtonElement.innerHTML = `
+        <span>${day}</span>
+        <span style="font-size: 8px;color: #8BC34A;">$${randomPrice}</span>
+      `;
+    },
+  },
+};
+
+const calendar = new VanillaCalendar('#calendar', options);
+calendar.init();

examples/type-of-calendar-multiple.js

@@ -5,6 +5,8 @@ import '@uvarov.frontend/vanilla-calendar/build/themes/dark.min.css';
 
 const options = {
   type: 'multiple',
+  months: 2,
+  jumpMonths: 2,
 };
 
 const calendar = new VanillaCalendar('#calendar', options);