renamed in docs

uvarov-frontend · Dec 1, 2023 · 5e38c50 · 5e38c50
1 parent da1f233
commit 5e38c50
Show file tree

Hide file tree

Showing 46 changed files with 106 additions and 106 deletions.
diff --git a/docs/en/learn/additional-features/react-component.mdx b/docs/en/learn/additional-features/react-component.mdx
@@ -8,10 +8,10 @@ To create a React component named VanillaCalendar.tsx, you need to copy the code
 
 ```js
 import { HTMLAttributes, useEffect, useRef, useState } from "react";
-import VC, { Options } from "@uvarov.frontend/vanilla-calendar";
-import "@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css";
-import "@uvarov.frontend/vanilla-calendar/build/themes/dark.min.css";
-import "@uvarov.frontend/vanilla-calendar/build/themes/light.min.css";
+import VC, { Options } from "vanilla-calendar-pro";
+import "vanilla-calendar-pro/build/vanilla-calendar.min.css";
+import "vanilla-calendar-pro/build/themes/dark.min.css";
+import "vanilla-calendar-pro/build/themes/light.min.css";
 
 interface VanillaCalendarProps extends HTMLAttributes<HTMLDivElement> {
   config?: Options,

diff --git a/docs/en/learn/getting-started/installation.mdx b/docs/en/learn/getting-started/installation.mdx
@@ -15,9 +15,9 @@ You can edit it directly or open it in a new tab. Most pages in this documentati
 You can install VanillaCalendar using NPM or Yarn.
 
 ```shell
-npm install @uvarov.frontend/vanilla-calendar
+npm install vanilla-calendar-pro
 # or
-yarn add @uvarov.frontend/vanilla-calendar
+yarn add vanilla-calendar-pro
 ```
 
 ## Local Installation
@@ -47,8 +47,8 @@ VanillaCalendar is also available through a CDN. You can insert the following sc
 ```html
 <html>
   <head>
-    <link href="https://cdn.jsdelivr.net/npm/@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css" rel="stylesheet">
-    <script src="https://cdn.jsdelivr.net/npm/@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.js" defer></script>
+    <link href="https://cdn.jsdelivr.net/npm/vanilla-calendar-pro/build/vanilla-calendar.min.css" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/vanilla-calendar-pro/build/vanilla-calendar.min.js" defer></script>
   </head>
   <body>
     <!-- Your content and initialization of VanillaCalendar -->

diff --git a/docs/en/learn/getting-started/usage.mdx b/docs/en/learn/getting-started/usage.mdx
@@ -25,8 +25,8 @@ As an example in this documentation, an **«id»** attribute with the value **«
 If you installed VanillaCalendar using NPM or Yarn, you need to import JavaScript and the necessary styles. If you connected VanillaCalendar locally or used a CDN, you can skip this step.
 
 ```js
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 ```
 
 <Info>
@@ -35,11 +35,11 @@ import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
 
 ```js
 // Only layout calendar
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.layout.min.css';
+import 'vanilla-calendar-pro/build/vanilla-calendar.layout.min.css';
 
 // Themes
-import '@uvarov.frontend/vanilla-calendar/build/themes/light.min.css';
-import '@uvarov.frontend/vanilla-calendar/build/themes/dark.min.css';
+import 'vanilla-calendar-pro/build/themes/light.min.css';
+import 'vanilla-calendar-pro/build/themes/dark.min.css';
 ```
 
 <Info>

diff --git a/docs/ru/learn/additional-features/react-component.mdx b/docs/ru/learn/additional-features/react-component.mdx
@@ -8,10 +8,10 @@
 
 ```js
 import { HTMLAttributes, useEffect, useRef, useState } from "react";
-import VC, { Options } from "@uvarov.frontend/vanilla-calendar";
-import "@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css";
-import "@uvarov.frontend/vanilla-calendar/build/themes/dark.min.css";
-import "@uvarov.frontend/vanilla-calendar/build/themes/light.min.css";
+import VC, { Options } from "vanilla-calendar-pro";
+import "vanilla-calendar-pro/build/vanilla-calendar.min.css";
+import "vanilla-calendar-pro/build/themes/dark.min.css";
+import "vanilla-calendar-pro/build/themes/light.min.css";
 
 interface VanillaCalendarProps extends HTMLAttributes<HTMLDivElement> {
   config?: Options,

diff --git a/docs/ru/learn/getting-started/installation.mdx b/docs/ru/learn/getting-started/installation.mdx
@@ -15,9 +15,9 @@ VanillaCalendar разработан на нативном JS с использ
 Вы можете установить VanillaCalendar с помощью NPM или Yarn.
 
 ```shell
-npm install @uvarov.frontend/vanilla-calendar
+npm install vanilla-calendar-pro
 # or
-yarn add @uvarov.frontend/vanilla-calendar
+yarn add vanilla-calendar-pro
 ```
 
 ## Установка локально
@@ -47,8 +47,8 @@ VanillaCalendar также доступен через CDN. Вы можете в
 ```html
 <html>
   <head>
-    <link href="https://cdn.jsdelivr.net/npm/@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css" rel="stylesheet">
-    <script src="https://cdn.jsdelivr.net/npm/@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.js" defer></script>
+    <link href="https://cdn.jsdelivr.net/npm/vanilla-calendar-pro/build/vanilla-calendar.min.css" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/vanilla-calendar-pro/build/vanilla-calendar.min.js" defer></script>
   </head>
   <body>
     <!-- Your content and initialization of VanillaCalendar -->

diff --git a/docs/ru/learn/getting-started/usage.mdx b/docs/ru/learn/getting-started/usage.mdx
@@ -25,8 +25,8 @@
 Если вы установили VanillaCalendar с помощью NPM или Yarn, вам нужно импортировать JavaScript и необходимые стили. Если вы подключили VanillaCalendar локально или использовали CDN, вы можете пропустить этот шаг.
 
 ```js
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 ```
 
 <Info>
@@ -35,11 +35,11 @@ import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
 
 ```js
 // Only layout calendar
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.layout.min.css';
+import 'vanilla-calendar-pro/build/vanilla-calendar.layout.min.css';
 
 // Themes
-import '@uvarov.frontend/vanilla-calendar/build/themes/light.min.css';
-import '@uvarov.frontend/vanilla-calendar/build/themes/dark.min.css';
+import 'vanilla-calendar-pro/build/themes/light.min.css';
+import 'vanilla-calendar-pro/build/themes/dark.min.css';
 ```
 
 <Info>

diff --git a/examples/action-handlers-change-of-time.js b/examples/action-handlers-change-of-time.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/action-handlers-click-a-day-ranged.js b/examples/action-handlers-click-a-day-ranged.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/action-handlers-click-a-day.js b/examples/action-handlers-click-a-day.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   actions: {

diff --git a/examples/action-handlers-click-on-a-month-in-the-month-selection.js b/examples/action-handlers-click-on-a-month-in-the-month-selection.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   type: 'month',

diff --git a/examples/action-handlers-click-on-the-arrows.js b/examples/action-handlers-click-on-the-arrows.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   actions: {

diff --git a/examples/action-handlers-click-on-the-week-number-select-days.js b/examples/action-handlers-click-on-the-week-number-select-days.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/action-handlers-click-on-the-week-number.js b/examples/action-handlers-click-on-the-week-number.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/action-handlers-click-on-the-year-in-the-year-selection.js b/examples/action-handlers-click-on-the-year-in-the-year-selection.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   type: 'year',

diff --git a/examples/action-handlers-get-and-change-every-day.js b/examples/action-handlers-get-and-change-every-day.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   actions: {

diff --git a/examples/additional-features-date-picker-in-input-div.js b/examples/additional-features-date-picker-in-input-div.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 // start irrelevant code
 document.querySelector('#calendar-input-div').style.display = 'flex';

diff --git a/examples/additional-features-date-picker-in-input-multiple.js b/examples/additional-features-date-picker-in-input-multiple.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 // start irrelevant code
 document.querySelector('#calendar-input').style.display = 'flex';

diff --git a/examples/additional-features-date-picker-in-input.js b/examples/additional-features-date-picker-in-input.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 // start irrelevant code
 document.querySelector('#calendar-input').style.display = 'flex';

diff --git a/examples/additional-features-enable-time-picker-12.js b/examples/additional-features-enable-time-picker-12.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/additional-features-enable-time-picker-24.js b/examples/additional-features-enable-time-picker-24.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/additional-features-enable-time-picker-control.js b/examples/additional-features-enable-time-picker-control.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/additional-features-enable-time-picker-your-time.js b/examples/additional-features-enable-time-picker-your-time.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/customization-and-modification-css-classes.js b/examples/customization-and-modification-css-classes.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   CSSClasses: {

diff --git a/examples/customization-and-modification-dom-popups.js b/examples/customization-and-modification-dom-popups.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/customization-and-modification-dom-templates.js b/examples/customization-and-modification-dom-templates.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   DOMTemplates: {

diff --git a/examples/customization-and-modification-themes-dark.js b/examples/customization-and-modification-themes-dark.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/customization-and-modification-themes-light.js b/examples/customization-and-modification-themes-light.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/date-management-disable-the-ability-to-select-days-months-and-years.js b/examples/date-management-disable-the-ability-to-select-days-months-and-years.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/date-management-do-not-highlight-the-weekend-today.js b/examples/date-management-do-not-highlight-the-weekend-today.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/date-management-other-today.js b/examples/date-management-other-today.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   date: {

diff --git a/examples/date-management-selected-days-month-year-by-default.js b/examples/date-management-selected-days-month-year-by-default.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/date-management-specify-additional-weekends-or-holidays.js b/examples/date-management-specify-additional-weekends-or-holidays.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/date-range-disable-days.js b/examples/date-range-disable-days.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/date-range-enable-days.js b/examples/date-range-enable-days.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/date-range-maximum-and-minimum-date-to-display.js b/examples/date-range-maximum-and-minimum-date-to-display.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   date: {

diff --git a/examples/date-range-start-and-end-of-existing-dates.js b/examples/date-range-start-and-end-of-existing-dates.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   date: {

diff --git a/examples/internationalization-assign-manually.js b/examples/internationalization-assign-manually.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/internationalization-iso-8601.js b/examples/internationalization-iso-8601.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/internationalization-locale.js b/examples/internationalization-locale.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {

diff --git a/examples/internationalization-week-numbers.js b/examples/internationalization-week-numbers.js
@@ -1,5 +1,5 @@
-import VanillaCalendar from '@uvarov.frontend/vanilla-calendar';
-import '@uvarov.frontend/vanilla-calendar/build/vanilla-calendar.min.css';
+import VanillaCalendar from 'vanilla-calendar-pro';
+import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
 
 const options = {
   settings: {