docs: update installation-and-usage.mdx, installation-and-usage.mdx a…

…nd type-default.mdx
uvarov-frontend · Nov 17, 2024 · d0961ab · d0961ab
1 parent dec6412
commit d0961ab
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/docs/en/learn/installation-and-usage.mdx b/docs/en/learn/installation-and-usage.mdx
@@ -66,6 +66,8 @@ import 'vanilla-calendar-pro/styles/themes/dark.css'; // Dark theme
 
 <Sandbox example="installation-and-usage" />
 
+<Info>As you may have noticed in this example, we are using a flat calendar view without using the **«Input»** field, if you are interested in how you can integrate a calendar into **«Input»**, check out [this example](/docs/learn/type-default#with-input).</Info>
+
 ## Local or CDN
 
 If you need to quickly integrate Vanilla Calendar Pro without using build tools or package managers, you can include it via CDN or <a href="https://cdn.jsdelivr.net/npm/vanilla-calendar-pro@latest/package.zip" rel="noopener noreferrer" target="_blank">download the archive</a> with the latest version and include it locally.

diff --git a/docs/ru/learn/installation-and-usage.mdx b/docs/ru/learn/installation-and-usage.mdx
@@ -22,7 +22,6 @@ yarn add vanilla-calendar-pro
 pnpm add vanilla-calendar-pro
 ```
 
-
 2. Создайте HTML-элемент в теле вашего документа с произвольным CSS селектором:
 
 ```html
@@ -67,6 +66,8 @@ import 'vanilla-calendar-pro/styles/themes/dark.css'; // Темная тема
 
 <Sandbox example="installation-and-usage" />
 
+<Info>Как вы, возможно, заметили в этом примере, мы используем плоский вид календаря без использования поля ввода **«Input»**, если вас интересует, как можно интегрировать календарь в **«Input»**, посмотрите [этот пример](/ru/docs/learn/type-default#s-input).</Info>
+
 ## Локально или CDN
 
 Если вам нужно быстро интегрировать Vanilla Calendar Pro без использования сборщиков или пакетных менеджеров, вы можете подключить его через CDN или <a href="https://cdn.jsdelivr.net/npm/vanilla-calendar-pro@latest/package.zip" rel="noopener noreferrer" target="_blank">скачать архив</a> с актуальной версий и подключить локально.

diff --git a/docs/ru/learn/type-default.mdx b/docs/ru/learn/type-default.mdx
@@ -17,7 +17,7 @@ section: 2. Типы календарей
 Если вам необходимо отображать календарь при клике на **«Input»**, вы можете легко настроить его, инициализировав с параметром `inputMode: true`.
 
 <Info>
-  Важно отметить, что **«Input»** в контексте этого календаря не обязательно является тегом `<input>`. Это может быть любой HTML-элемент, например `<div>`. В **«Input»** можно инициализирвоать любой тип календаря.
+  Важно отметить, что **«Input»** в контексте этого календаря не обязательно является тегом `<input>`. Это может быть любой HTML-элемент, например `<div>`. В **«Input»** можно инициализировать любой тип календаря.
 </Info>
 
 По умолчанию календарь не записывает никаких значений в поле **«Input»**, что дает вам уникальный контроль над тем, что вы хотите видеть в `value`.