Skip to content

Next #116

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
serhiipylypchuk1991 merged 2 commits into from
Jun 26, 2026
Merged

Next #116

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
611b3f2
[update] normalize internal links convention
serhiipylypchuk1991 Jun 25, 2026
832ffa0
Merge pull request #115 from DHTMLX/sp-next-normalize-links
serhiipylypchuk1991 Jun 26, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions docs/ajax/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,8 @@ To make AJAX request to a server you can use the following methods of the `dhx.a

| Name | Description |
| ----------------------------- | -------------------------------------- |
| [](api/ajax_delete_method.md) | @getshort(api/ajax_delete_method.md) |
| [](api/ajax_get_method.md) | @getshort(api/ajax_get_method.md) |
| [](api/ajax_post_method.md) | @getshort(api/api/ajax_post_method.md) |
| [](api/ajax_put_method.md) | @getshort(api/ajax_put_method.md) |
| [](ajax/api/ajax_delete_method.md) | @getshort(api/ajax_delete_method.md) |
| [](ajax/api/ajax_get_method.md) | @getshort(api/ajax_get_method.md) |
| [](ajax/api/ajax_post_method.md) | @getshort(api/api/ajax_post_method.md) |
| [](ajax/api/ajax_put_method.md) | @getshort(api/ajax_put_method.md) |

2 changes: 1 addition & 1 deletion docs/calendar/api/calendar_css_config.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,4 +39,4 @@ const calendar = new dhx.Calendar("calendar_container", {

**Related articles**:
- [List of CSS classes for styling a widget](helpers/base_elements.md#list-of-css-classes-for-styling-a-widget)
- [Themes](themes.md)
- [Themes](/themes/)
4 changes: 2 additions & 2 deletions docs/calendar/configuring.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ You can also show the calendar in one of the modes using the [](calendar/api/cal
## Date format

There is a possibility to specify the format of dates in the calendar via the [](calendar/api/calendar_dateformat_config.md) property. The default format is "%d/%m/%y".
The full list of available characters used to make formats is provided in the [API reference](/calendar/api/calendar_dateformat_config).
The full list of available characters used to make formats is provided in the [API reference](calendar/api/calendar_dateformat_config.md).

~~~js
const calendar = new dhx.Calendar("calendar_container", {
Expand Down Expand Up @@ -208,7 +208,7 @@ const calendar = new dhx.Calendar("calendar_container", {

**Related sample**: [Calendar. Range](https://snippet.dhtmlx.com/2mrj53h0)

You have a possibility to create a calendar in the range mode that allows you to select a range of dates in the calendar. To do this, you need to use the [range:true](/calendar/api/calendar_range_config) option in the calendar configuration object and define an array with the start and end dates of the range.
You have a possibility to create a calendar in the range mode that allows you to select a range of dates in the calendar. To do this, you need to use the [range:true](calendar/api/calendar_range_config.md) option in the calendar configuration object and define an array with the start and end dates of the range.

~~~js
const calendar = new dhx.Calendar("calendar_container", {
Expand Down
6 changes: 3 additions & 3 deletions docs/calendar/datepicker.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,13 +25,13 @@ const calendar = new dhx.Calendar(null, {dateFormat: "%d/%m/%y"});
const popup = new dhx.Popup();
~~~

3\. Attach the calendar to the popup using the [](../popup/api/popup_attach_method.md) method of Popup:
3\. Attach the calendar to the popup using the [](popup/api/popup_attach_method.md) method of Popup:

~~~js
popup.attach(calendar);
~~~

4\. Use the [](../popup/api/popup_show_method.md) method of Popup inside a click handler to define that a popup with calendar will open on click in the "date-input" input:
4\. Use the [](popup/api/popup_show_method.md) method of Popup inside a click handler to define that a popup with calendar will open on click in the "date-input" input:

~~~js
const dateInput = document.getElementById("date-input");
Expand All @@ -40,7 +40,7 @@ dateInput.addEventListener("click", function() {
});
~~~

5\. Define the logic of closing the popup with calendar using the [](../popup/api/popup_hide_method.md) method of Popup. For example, on selecting a new date in the calendar:
5\. Define the logic of closing the popup with calendar using the [](popup/api/popup_hide_method.md) method of Popup. For example, on selecting a new date in the calendar:

~~~js
calendar.events.on("change", function() {
Expand Down
60 changes: 30 additions & 30 deletions docs/calendar/features.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,17 +16,17 @@ In this section you can find out the ways of Calendar initialization and localiz

| Topic | Description |
| :-------------------------------------- | :-------------------------------------------------------------------------------------------- |
| [Initialization](../how_to_start/) | Learn how to initialize a Calendar ([Example](https://snippet.dhtmlx.com/xcw19e52)) |
| [Date picker](../datepicker/) | Learn how to use a Calendar as a date picker ([Example](https://snippet.dhtmlx.com/mj7jr6ro)) |
| [Localization](../localizing_calendar/) | Learn how to localize a Calendar ([Example](https://snippet.dhtmlx.com/tn40a0w8)) |
| [Initialization](calendar/how_to_start.md) | Learn how to initialize a Calendar ([Example](https://snippet.dhtmlx.com/xcw19e52)) |
| [Date picker](calendar/datepicker.md) | Learn how to use a Calendar as a date picker ([Example](https://snippet.dhtmlx.com/mj7jr6ro)) |
| [Localization](calendar/localizing_calendar.md) | Learn how to localize a Calendar ([Example](https://snippet.dhtmlx.com/tn40a0w8)) |


### Integration

| Topic | Description |
| :------------------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------------------- |
| [Backend integration](integration/suite_and_backend.md) | Learn how to connect DHTMLX Suite to a backend ([Demo](https://github.com/DHTMLX/nodejs-suite-demo)) |
| [Optimus](optimus_guides.md) | Learn how to use DHTMLX Optimus framework for creating DHTMLX-based app <br>(recommended framework for creating apps with Suite components) |
| [Optimus](/optimus_guides/) | Learn how to use DHTMLX Optimus framework for creating DHTMLX-based app <br>(recommended framework for creating apps with Suite components) |
| [React integration](integration/suite_and_react.md) | Learn how to use DHTMLX Calendar with React ([Demo](https://github.com/DHTMLX/react-suite-demo)) |
| [Angular integration](integration/suite_and_angular.md) | Learn how to use DHTMLX Calendar with Angular ([Demo](https://github.com/DHTMLX/angular-suite-demo)) |
| [Vue integration](integration/suite_and_vue.md) | Learn how to use DHTMLX Calendar with Vue.js ([Demo](https://github.com/DHTMLX/vue-suite-demo)) |
Expand All @@ -37,48 +37,48 @@ In this section you can discover how to configure Calendar.

| Topic | Description |
| :----------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------ |
| [Calendar modes](../configuring/#calendar-modes) | Learn how initialize Calendar in different modes (calendar, month, year) ([Example](https://snippet.dhtmlx.com/n9q0tc0q)) |
| [Showing tooltips](../operating_calendar/#showing-tooltips) | Learn how to show tooltips in Calendar ([Example 1](https://snippet.dhtmlx.com/t4jy4wrr), [Example 2](https://snippet.dhtmlx.com/jwx0barf)) |
| [Start of the week](../configuring/#start-of-the-week) | Learn how to change the starting day of the week ([Example](https://snippet.dhtmlx.com/kaxmurh9)) |
| [Timepicker in Calendar](../configuring/#timepicker) | Learn how to add a timepicker into Calendar ([Example](https://snippet.dhtmlx.com/jkbfb202)) |
| [Showing the week numbers](../configuring/#numbers-of-weeks) | Learn how to show the numbers of weeks ([Example](https://snippet.dhtmlx.com/9692gk6n)) |
| [Displaying only current month](../configuring/#displaying-only-current-month) | Learn how to display the current month only ([Example](https://snippet.dhtmlx.com/4wi5hbtr)) |
| [Calendar modes](calendar/configuring.md#calendar-modes) | Learn how initialize Calendar in different modes (calendar, month, year) ([Example](https://snippet.dhtmlx.com/n9q0tc0q)) |
| [Showing tooltips](calendar/operating_calendar.md#showing-tooltips) | Learn how to show tooltips in Calendar ([Example 1](https://snippet.dhtmlx.com/t4jy4wrr), [Example 2](https://snippet.dhtmlx.com/jwx0barf)) |
| [Start of the week](calendar/configuring.md#start-of-the-week) | Learn how to change the starting day of the week ([Example](https://snippet.dhtmlx.com/kaxmurh9)) |
| [Timepicker in Calendar](calendar/configuring.md#timepicker) | Learn how to add a timepicker into Calendar ([Example](https://snippet.dhtmlx.com/jkbfb202)) |
| [Showing the week numbers](calendar/configuring.md#numbers-of-weeks) | Learn how to show the numbers of weeks ([Example](https://snippet.dhtmlx.com/9692gk6n)) |
| [Displaying only current month](calendar/configuring.md#displaying-only-current-month) | Learn how to display the current month only ([Example](https://snippet.dhtmlx.com/4wi5hbtr)) |

## How to work with dates

| Topic | Description |
| :------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------- |
| [Initial calendar date](../configuring/#initial-calendar-date) | Learn how to specify the initial date of Calendar ([Example](https://snippet.dhtmlx.com/fyg6l65t)) |
| [Highlighted dates](../configuring/#highlighted-dates) | Learn how to highlight certain dates in Calendar ([Example](https://snippet.dhtmlx.com/ic5oeiga)) |
| [Disabled dates](../configuring/#disabled-dates) | Learn how to disable certain dates ([Example](https://snippet.dhtmlx.com/ic5oeiga)) |
| [Date format](../configuring/#date-format) | Learn how to specify the necessary format of dates ([Example](https://snippet.dhtmlx.com/2co9z3bi)) |
| [Initial calendar date](calendar/configuring.md#initial-calendar-date) | Learn how to specify the initial date of Calendar ([Example](https://snippet.dhtmlx.com/fyg6l65t)) |
| [Highlighted dates](calendar/configuring.md#highlighted-dates) | Learn how to highlight certain dates in Calendar ([Example](https://snippet.dhtmlx.com/ic5oeiga)) |
| [Disabled dates](calendar/configuring.md#disabled-dates) | Learn how to disable certain dates ([Example](https://snippet.dhtmlx.com/ic5oeiga)) |
| [Date format](calendar/configuring.md#date-format) | Learn how to specify the necessary format of dates ([Example](https://snippet.dhtmlx.com/2co9z3bi)) |


## How to work with selected dates

| Topic | Description |
| :-------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------- |
| [Initially selected date](../configuring/#initially-selected-date) | Learn how to create a calendar with an initially selected date ([Example](https://snippet.dhtmlx.com/epjjww3l)) |
| [Selecting date](../operating_calendar/#selecting-date) | Learn how to select a date in Calendar ([Example](https://snippet.dhtmlx.com/vmg11002)) |
| [Getting selected date](../operating_calendar/#getting-selected-date) | Learn how to get the selected date ([Example](https://snippet.dhtmlx.com/k2vrfqj0)) |
| [Initially selected date](calendar/configuring.md#initially-selected-date) | Learn how to create a calendar with an initially selected date ([Example](https://snippet.dhtmlx.com/epjjww3l)) |
| [Selecting date](calendar/operating_calendar.md#selecting-date) | Learn how to select a date in Calendar ([Example](https://snippet.dhtmlx.com/vmg11002)) |
| [Getting selected date](calendar/operating_calendar.md#getting-selected-date) | Learn how to get the selected date ([Example](https://snippet.dhtmlx.com/k2vrfqj0)) |

## How to work with date ranges

| Topic | Description |
| :--------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------- |
| [Date ranges in one calendar](../configuring/#range-mode) | Learn how to create a calendar in the range mode ([Example](https://snippet.dhtmlx.com/2mrj53h0)) |
| [Date ranges in two calendars](../operating_calendar/#linking-two-calendars) | Learn how to link two calendars for selecting a date range ([Example](https://snippet.dhtmlx.com/dxo54017)) |
| [Date ranges in one calendar](calendar/configuring.md#range-mode) | Learn how to create a calendar in the range mode ([Example](https://snippet.dhtmlx.com/2mrj53h0)) |
| [Date ranges in two calendars](calendar/operating_calendar.md#linking-two-calendars) | Learn how to link two calendars for selecting a date range ([Example](https://snippet.dhtmlx.com/dxo54017)) |

## How to customize Calendar and change its size

In this section you can learn how to change the Calendar width and style.

| Topic | Description |
| :----------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------- |
| [Width of Calendar](../configuring/#width-of-calendar) | Learn how to set the necessary width of Calendar ([Example](https://snippet.dhtmlx.com/azm0u5ns)) |
| [Styling (custom CSS)](../customization/#styling-calendar) | Learn how to change the look and feel of Calendar ([Example](https://snippet.dhtmlx.com/2045cbe1)) |
| [Styling selected dates](../customization/#styling-selected-dates) | Learn how to apply custom styling to selected dates ([Example](https://snippet.dhtmlx.com/9u0ix3na)) |
| [List of CSS classes](../../helpers/base_elements/) | A set of CSS classes provided by the DHTMLX library |
| [Width of Calendar](calendar/configuring.md#width-of-calendar) | Learn how to set the necessary width of Calendar ([Example](https://snippet.dhtmlx.com/azm0u5ns)) |
| [Styling (custom CSS)](calendar/customization.md#styling-calendar) | Learn how to change the look and feel of Calendar ([Example](https://snippet.dhtmlx.com/2045cbe1)) |
| [Styling selected dates](calendar/customization.md#styling-selected-dates) | Learn how to apply custom styling to selected dates ([Example](https://snippet.dhtmlx.com/9u0ix3na)) |
| [List of CSS classes](helpers/base_elements.md) | A set of CSS classes provided by the DHTMLX library |

## How to work with Calendar events

Expand All @@ -87,27 +87,27 @@ This section explains how to work with Calendar events.
| Topic | Description |
| :------------------------------------------ | :-------------------------------------------------------------------------------------------------------- |
| [Event basic rules](guides/events_guide.md) | Learn basic rules on how to work with events |
| [Event handling](../handling_events/) | Learn how to attach, detach, or call the Calendar events ([Example](https://snippet.dhtmlx.com/7kj7fiek)) |
| [Event handling](calendar/handling_events.md) | Learn how to attach, detach, or call the Calendar events ([Example](https://snippet.dhtmlx.com/7kj7fiek)) |

## API reference

In this section you can find out corresponding references of Calendar API.

| Topic | Description |
| :--------------------------------------------------------- | :----------------------------------- |
| [Calendar methods](../../category/calendar-methods/) | Learn how to use Calendar methods |
| [Calendar events](../../category/calendar-events/) | Learn how to use Calendar events |
| [Calendar properties](../../category/calendar-properties/) | Learn how to use Calendar properties |
| [Calendar methods](/category/calendar-methods/) | Learn how to use Calendar methods |
| [Calendar events](/category/calendar-events/) | Learn how to use Calendar events |
| [Calendar properties](/category/calendar-properties/) | Learn how to use Calendar properties |

## Common functionality

In this section you will learn about common functionality of the library which can be useful while working with Calendar.

| Topic | Description |
| :------------------------------------------------------------ | :------------------------------------------------------------ |
| [Touch support](../../common_features/touch_support/) | Learn how to work with touch support |
| [TypeScript support](../../common_features/using_typescript/) | Learn how to work with TypeScript |
| [AwaitRedraw](../../helpers/await_redraw/) | Learn how to perform the code after the component’s rendering |
| [Touch support](common_features/touch_support.md) | Learn how to work with touch support |
| [TypeScript support](common_features/using_typescript.md) | Learn how to work with TypeScript |
| [AwaitRedraw](helpers/await_redraw.md) | Learn how to perform the code after the component’s rendering |

## Any questions left?

Expand Down
18 changes: 9 additions & 9 deletions docs/calendar/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ You can check the following page to learn how to build a full-featured DHTMLX Ca

## API reference

- [](api/api_overview.md)
- [](calendar/api/api_overview.md)

## Related resources

Expand All @@ -30,14 +30,14 @@ You can check the following page to learn how to build a full-featured DHTMLX Ca

You can read the following articles to find out how to add Calendar on the page and work with it.

- [](how_to_start.md)
- [](configuring.md)
- [](localizing_calendar.md)
- [](operating_calendar.md)
- [](datepicker.md)
- [](customization.md)
- [](handling_events.md)
- [](calendar/how_to_start.md)
- [](calendar/configuring.md)
- [](calendar/localizing_calendar.md)
- [](calendar/operating_calendar.md)
- [](calendar/datepicker.md)
- [](calendar/customization.md)
- [](calendar/handling_events.md)

## Other

- [](../migration.md)
- [](migration.md)
Loading
Loading