update examples

uvarov-frontend · Dec 6, 2023 · 0e26866 · 0e26866
1 parent 65925c9
commit 0e26866
Show file tree

Hide file tree

Showing 9 changed files with 15 additions and 15 deletions.
diff --git a/examples/action-handlers-change-of-time.ts b/examples/action-handlers-change-of-time.ts
@@ -8,8 +8,8 @@ const options: Options = {
     },
   },
   actions: {
-    changeTime(event, time, hours, minutes, keeping) {
-      console.log(time);
+    changeTime(event, self) {
+      console.log(self.selectedTime);
     },
   },
 };

diff --git a/examples/action-handlers-click-a-day-ranged.ts b/examples/action-handlers-click-a-day-ranged.ts
@@ -8,8 +8,8 @@ const options: Options = {
     },
   },
   actions: {
-    clickDay(event, dates) {
-      console.log(dates);
+    clickDay(event, self) {
+      console.log(self.selectedDates);
     },
   },
 };

diff --git a/examples/action-handlers-click-a-day.ts b/examples/action-handlers-click-a-day.ts
@@ -3,8 +3,8 @@ import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options: Options = {
   actions: {
-    clickDay(event, dates) {
-      console.log(dates);
+    clickDay(event, self) {
+      console.log(self.selectedDates);
     },
   },
 };

diff --git a/examples/action-handlers-click-on-a-month-in-the-month-selection.ts b/examples/action-handlers-click-on-a-month-in-the-month-selection.ts
@@ -4,8 +4,8 @@ import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 const options: Options = {
   type: 'month',
   actions: {
-    clickMonth(e, month) {
-      console.log(month);
+    clickMonth(e, self) {
+      console.log(self.selectedMonth);
     },
   },
 };

diff --git a/examples/action-handlers-click-on-the-arrows.ts b/examples/action-handlers-click-on-the-arrows.ts
@@ -3,8 +3,8 @@ import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options: Options = {
   actions: {
-    clickArrow(event, year, month) {
-      console.log(year, month);
+    clickArrow(event, self) {
+      console.log(self.selectedYear, self.selectedMonth);
     },
   },
 };

diff --git a/examples/action-handlers-click-on-the-week-number-select-days.ts b/examples/action-handlers-click-on-the-week-number-select-days.ts
@@ -11,7 +11,7 @@ const options: Options = {
     },
   },
   actions: {
-    clickWeekNumber(event, number, days, year) {
+    clickWeekNumber(event, number, days, year, self) {
       calendar.settings.selected.dates = days.map((day) => day.dataset.calendarDay);
       calendar.update();
     },

diff --git a/examples/action-handlers-click-on-the-week-number.ts b/examples/action-handlers-click-on-the-week-number.ts
@@ -8,7 +8,7 @@ const options: Options = {
     },
   },
   actions: {
-    clickWeekNumber(event, number, days, year) {
+    clickWeekNumber(event, number, days, year, self) {
       console.log(`Week number: ${number}`);
       console.log(`Year of the week: ${year}`);
       console.log('Days of this week:', days);

diff --git a/examples/action-handlers-click-on-the-year-in-the-year-selection.ts b/examples/action-handlers-click-on-the-year-in-the-year-selection.ts
@@ -4,8 +4,8 @@ import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 const options: Options = {
   type: 'year',
   actions: {
-    clickYear(event, year) {
-      console.log(year);
+    clickYear(event, self) {
+      console.log(self.selectedYear);
     },
   },
 };

diff --git a/examples/action-handlers-get-and-change-every-day.ts b/examples/action-handlers-get-and-change-every-day.ts
@@ -3,7 +3,7 @@ import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options: Options = {
   actions: {
-    getDays(day, date, HTMLElement, HTMLButtonElement) {
+    getDays(day, date, HTMLElement, HTMLButtonElement, self) {
       const randomBoolean = Math.random() < 0.5;
       if (!randomBoolean) return;
       const randomPrice = Math.floor(Math.random() * (999 - 100 + 1) + 100);