From 70558e468f43f2fc543d7c187b4e7f09221b4b0d Mon Sep 17 00:00:00 2001 From: Priyanka Date: Thu, 25 Jun 2026 22:01:40 +0530 Subject: [PATCH 1/2] 18877: Corrected React getting started documentation issues --- ej2-react/appbar/getting-started.md | 1 + ej2-react/breadcrumb/getting-started.md | 9 ---- .../calendar/default-cs1/index.html | 6 +-- .../calendar/default-cs10/index.html | 6 +-- .../calendar/default-cs11/index.html | 6 +-- .../calendar/default-cs12/index.html | 6 +-- .../calendar/default-cs13/index.html | 6 +-- .../calendar/default-cs14/index.html | 6 +-- .../calendar/default-cs15/index.html | 6 +-- .../calendar/default-cs16/index.html | 6 +-- .../calendar/default-cs17/index.html | 6 +-- .../calendar/default-cs18/index.html | 6 +-- .../calendar/default-cs19/index.html | 6 +-- .../calendar/default-cs2/index.html | 6 +-- .../calendar/default-cs3/index.html | 6 +-- .../calendar/default-cs4/index.html | 6 +-- .../calendar/default-cs5/index.html | 6 +-- .../calendar/default-cs6/index.html | 6 +-- .../calendar/default-cs7/index.html | 6 +-- .../calendar/default-cs8/index.html | 6 +-- .../calendar/default-cs9/index.html | 6 +-- .../calendar/header-format-cs1/index.html | 10 ++-- .../calendar/highlight-special-cs1/index.html | 6 +-- .../calendar/highlight-special-cs2/index.html | 6 +-- .../calendar/highlight-weekend-cs1/index.html | 6 +-- .../calendar/highlight-weekend-cs2/index.html | 6 +-- .../calendar/how-to-cs1/index.html | 6 +-- .../howto-multi-selection-cs1/index.html | 6 +-- .../internationalization-cs1/index.html | 6 +-- .../internationalization-cs2/index.html | 6 +-- .../calendar/islamic-calendar-cs1/index.html | 6 +-- .../calendar/islamic-calendar-cs2/index.html | 6 +-- .../calendar/multiselect-cs1/index.html | 6 +-- .../calendar/multiselect-cs2/index.html | 6 +-- .../calendar/other-month-cs1/index.html | 6 +-- .../code-snippet/calendar/rtl-cs1/index.html | 6 +-- .../code-snippet/calendar/rtl-cs2/index.html | 6 +-- .../datepicker/asterisk-cs1/index.html | 10 ++-- .../datepicker/asterisk-cs2/index.html | 10 ++-- .../datepicker/customization-cs1/index.html | 10 ++-- .../datepicker/customization-cs2/index.html | 10 ++-- .../datepicker/default-cs1/index.html | 10 ++-- .../datepicker/default-cs10/index.html | 10 ++-- .../datepicker/default-cs11/index.html | 10 ++-- .../datepicker/default-cs12/index.html | 10 ++-- .../datepicker/default-cs13/index.html | 10 ++-- .../datepicker/default-cs14/index.html | 10 ++-- .../datepicker/default-cs15/index.html | 10 ++-- .../datepicker/default-cs16/index.html | 10 ++-- .../datepicker/default-cs17/index.html | 10 ++-- .../datepicker/default-cs18/index.html | 10 ++-- .../datepicker/default-cs19/index.html | 10 ++-- .../datepicker/default-cs2/index.html | 10 ++-- .../datepicker/default-cs20/index.html | 10 ++-- .../datepicker/default-cs21/index.html | 10 ++-- .../datepicker/default-cs22/index.html | 10 ++-- .../datepicker/default-cs23/index.html | 10 ++-- .../datepicker/default-cs24/index.html | 10 ++-- .../datepicker/default-cs3/index.html | 10 ++-- .../datepicker/default-cs4/index.html | 10 ++-- .../datepicker/default-cs5/index.html | 10 ++-- .../datepicker/default-cs6/index.html | 10 ++-- .../datepicker/default-cs7/index.html | 10 ++-- .../datepicker/default-cs8/index.html | 10 ++-- .../datepicker/default-cs9/index.html | 10 ++-- .../dynamic-form-validator-cs1/index.html | 10 ++-- .../datepicker/globalization-cs1/index.html | 10 ++-- .../datepicker/globalization-cs2/index.html | 10 ++-- .../datepicker/header-format-cs1/index.html | 12 ++--- .../datepicker/mask-module-cs1/index.html | 10 ++-- .../datepicker/mask-module-cs2/index.html | 10 ++-- .../datepicker/mask-module-cs3/index.html | 10 ++-- .../datepicker/mask-module-cs4/index.html | 10 ++-- .../datepicker/mask-module-cs5/index.html | 10 ++-- .../datepicker/mask-module-cs6/index.html | 10 ++-- .../datepicker/open-popup-cs1/index.html | 10 ++-- .../datepicker/rtl-cs1/index.html | 10 ++-- .../datepicker/rtl-cs2/index.html | 10 ++-- .../datepicker/timezone-cs1/index.html | 10 ++-- .../datepicker/timezone-cs2/index.html | 10 ++-- .../daterangepicker/customcss-cs1/index.html | 12 ++--- .../daterangepicker/default-cs1/index.html | 12 ++--- .../daterangepicker/default-cs10/index.html | 12 ++--- .../daterangepicker/default-cs11/index.html | 12 ++--- .../daterangepicker/default-cs12/index.html | 12 ++--- .../daterangepicker/default-cs13/index.html | 12 ++--- .../daterangepicker/default-cs14/index.html | 12 ++--- .../daterangepicker/default-cs15/index.html | 12 ++--- .../daterangepicker/default-cs16/index.html | 12 ++--- .../daterangepicker/default-cs17/index.html | 12 ++--- .../daterangepicker/default-cs18/index.html | 12 ++--- .../daterangepicker/default-cs19/index.html | 12 ++--- .../daterangepicker/default-cs2/index.html | 12 ++--- .../daterangepicker/default-cs20/index.html | 12 ++--- .../daterangepicker/default-cs21/index.html | 12 ++--- .../daterangepicker/default-cs22/index.html | 12 ++--- .../daterangepicker/default-cs23/index.html | 10 ++-- .../daterangepicker/default-cs24/index.html | 10 ++-- .../daterangepicker/default-cs25/index.html | 10 ++-- .../daterangepicker/default-cs26/index.html | 10 ++-- .../daterangepicker/default-cs3/index.html | 12 ++--- .../daterangepicker/default-cs4/index.html | 12 ++--- .../daterangepicker/default-cs5/index.html | 12 ++--- .../daterangepicker/default-cs6/index.html | 12 ++--- .../daterangepicker/default-cs7/index.html | 12 ++--- .../daterangepicker/default-cs8/index.html | 12 ++--- .../daterangepicker/default-cs9/index.html | 12 ++--- .../globalization-cs1/index.html | 12 ++--- .../globalization-cs2/index.html | 12 ++--- .../header-format-cs1/index.html | 12 ++--- .../daterangepicker/rtl-cs1/index.html | 12 ++--- .../daterangepicker/rtl-cs2/index.html | 12 ++--- .../datetimepicker/asterisk-cs1/index.html | 12 ++--- .../datetimepicker/asterisk-cs2/index.html | 12 ++--- .../datetimepicker/default-cs1/index.html | 12 ++--- .../datetimepicker/default-cs10/index.html | 12 ++--- .../datetimepicker/default-cs11/index.html | 12 ++--- .../datetimepicker/default-cs12/index.html | 12 ++--- .../datetimepicker/default-cs13/index.html | 12 ++--- .../datetimepicker/default-cs14/index.html | 12 ++--- .../datetimepicker/default-cs15/index.html | 12 ++--- .../datetimepicker/default-cs16/index.html | 12 ++--- .../datetimepicker/default-cs17/index.html | 12 ++--- .../datetimepicker/default-cs18/index.html | 12 ++--- .../datetimepicker/default-cs19/index.html | 12 ++--- .../datetimepicker/default-cs2/index.html | 12 ++--- .../datetimepicker/default-cs20/index.html | 12 ++--- .../datetimepicker/default-cs21/index.html | 12 ++--- .../datetimepicker/default-cs22/index.html | 12 ++--- .../datetimepicker/default-cs3/index.html | 12 ++--- .../datetimepicker/default-cs4/index.html | 12 ++--- .../datetimepicker/default-cs5/index.html | 12 ++--- .../datetimepicker/default-cs6/index.html | 12 ++--- .../datetimepicker/default-cs7/index.html | 12 ++--- .../datetimepicker/default-cs8/index.html | 12 ++--- .../datetimepicker/default-cs9/index.html | 12 ++--- .../header-format-cs1/index.html | 12 ++--- .../localization-cs1/index.html | 12 ++--- .../localization-cs2/index.html | 12 ++--- .../datetimepicker/mask-module-cs1/index.html | 10 ++-- .../datetimepicker/mask-module-cs2/index.html | 10 ++-- .../datetimepicker/mask-module-cs3/index.html | 10 ++-- .../datetimepicker/mask-module-cs4/index.html | 10 ++-- .../datetimepicker/mask-module-cs5/index.html | 10 ++-- .../datetimepicker/mask-module-cs6/index.html | 10 ++-- .../datetimepicker/rtl-cs1/index.html | 12 ++--- .../datetimepicker/rtl-cs2/index.html | 12 ++--- .../datetimepicker/timezone-cs1/index.html | 12 ++--- .../datetimepicker/timezone-cs2/index.html | 12 ++--- .../dialog/positioning-cs2/app/App.jsx | 2 +- .../dialog/positioning-cs2/app/App.tsx | 2 +- .../dialog/positioning-cs3/app/App.jsx | 13 ++--- .../dialog/positioning-cs3/app/App.tsx | 21 ++++---- .../menu/default-cs1/app/index.jsx | 43 +++++++++++++++ .../menu/default-cs1/app/index.tsx | 52 +++++++++++++++++++ .../code-snippet/menu/default-cs1/index.css | 13 +++++ .../code-snippet/menu/default-cs1/index.html | 25 +++++++++ .../menu/default-cs1/systemjs.config.js | 43 +++++++++++++++ .../adornments-cs1/systemjs.config.js | 4 +- .../adornments-cs2/systemjs.config.js | 4 +- .../custom-css-cs1/systemjs.config.js | 4 +- .../custom-format-cs1/systemjs.config.js | 4 +- .../custom-format-cs2/systemjs.config.js | 4 +- .../custom-icons-cs1/systemjs.config.js | 4 +- .../custom-validation-cs1/systemjs.config.js | 4 +- .../getting-started-cs1/systemjs.config.js | 4 +- .../getting-started-cs10/systemjs.config.js | 4 +- .../getting-started-cs2/systemjs.config.js | 4 +- .../getting-started-cs3/systemjs.config.js | 4 +- .../getting-started-cs4/systemjs.config.js | 4 +- .../getting-started-cs5/systemjs.config.js | 4 +- .../getting-started-cs6/systemjs.config.js | 4 +- .../getting-started-cs7/systemjs.config.js | 4 +- .../getting-started-cs8/systemjs.config.js | 4 +- .../getting-started-cs9/systemjs.config.js | 4 +- .../systemjs.config.js | 4 +- .../systemjs.config.js | 4 +- .../nullable-input-cs1/systemjs.config.js | 4 +- .../precision-cs1/systemjs.config.js | 4 +- .../precision-cs2/systemjs.config.js | 4 +- .../react-hooks-cs1/systemjs.config.js | 4 +- .../rtl-cs1/systemjs.config.js | 4 +- .../rtl-cs2/systemjs.config.js | 4 +- .../standard-format-cs1/systemjs.config.js | 4 +- .../standard-format-cs2/systemjs.config.js | 4 +- .../trailing-zeros-cs1/systemjs.config.js | 4 +- .../sidebar/animate-cs1/app/App.jsx | 4 +- .../sidebar/animate-cs1/app/App.tsx | 4 +- .../sidebar/backdrop-cs1/app/App.jsx | 4 +- .../sidebar/backdrop-cs1/app/App.tsx | 4 +- .../sidebar/contextTo-cs1/app/App.jsx | 4 +- .../sidebar/contextTo-cs1/app/App.tsx | 4 +- .../sidebar/default-cs1/app/App.jsx | 4 +- .../sidebar/default-cs1/app/App.tsx | 4 +- .../sidebar/document-click-cs1/app/App.jsx | 4 +- .../sidebar/document-click-cs1/app/App.tsx | 4 +- .../sidebar/gestures-cs1/app/App.jsx | 4 +- .../sidebar/gestures-cs1/app/App.tsx | 4 +- .../sidebar/listview-cs1/app/App.jsx | 4 +- .../sidebar/listview-cs1/app/App.tsx | 4 +- .../sidebar/types-cs1/app/App.jsx | 4 +- .../sidebar/types-cs1/app/App.tsx | 4 +- .../splitter/getting-started-cs6/app/App.jsx | 3 +- .../timepicker/default-cs1/index.html | 10 ++-- .../timepicker/default-cs10/index.html | 10 ++-- .../timepicker/default-cs11/index.html | 10 ++-- .../timepicker/default-cs12/index.html | 10 ++-- .../timepicker/default-cs2/index.html | 10 ++-- .../timepicker/default-cs3/index.html | 10 ++-- .../timepicker/default-cs4/index.html | 10 ++-- .../timepicker/default-cs5/index.html | 10 ++-- .../timepicker/default-cs6/index.html | 10 ++-- .../timepicker/default-cs7/index.html | 10 ++-- .../timepicker/default-cs8/index.html | 10 ++-- .../timepicker/default-cs9/index.html | 10 ++-- .../timepicker/how-to-cs1/index.html | 10 ++-- .../internationalization-cs1/index.html | 10 ++-- .../internationalization-cs2/index.html | 10 ++-- .../timepicker/keyboard-cs1/index.html | 10 ++-- .../timepicker/keyboard-cs2/index.html | 10 ++-- .../timepicker/mask-module-cs1/index.html | 10 ++-- .../timepicker/mask-module-cs2/index.html | 10 ++-- .../timepicker/mask-module-cs3/index.html | 10 ++-- .../timepicker/mask-module-cs4/index.html | 10 ++-- .../timepicker/mask-module-cs5/index.html | 10 ++-- .../timepicker/mask-module-cs6/index.html | 10 ++-- .../timepicker/rtl-cs1/index.html | 10 ++-- .../timepicker/rtl-cs2/index.html | 10 ++-- .../timepicker/validation-cs1/index.html | 10 ++-- ej2-react/context-menu/getting-started.md | 2 + ej2-react/dashboard-layout/getting-started.md | 3 +- ej2-react/drop-down-list/preact.md | 1 + ej2-react/drop-down-tree/getting-started.md | 16 +----- ej2-react/listview/getting-started.md | 15 +----- ej2-react/mention/getting-started.md | 4 +- ej2-react/menu/getting-started.md | 50 ++++++++++++------ ej2-react/sidebar/getting-started.md | 26 ---------- ej2-react/treeview/getting-started.md | 18 +------ ej2-react/uploader/preact.md | 1 + 239 files changed, 1176 insertions(+), 1077 deletions(-) create mode 100644 ej2-react/code-snippet/menu/default-cs1/app/index.jsx create mode 100644 ej2-react/code-snippet/menu/default-cs1/app/index.tsx create mode 100644 ej2-react/code-snippet/menu/default-cs1/index.css create mode 100644 ej2-react/code-snippet/menu/default-cs1/index.html create mode 100644 ej2-react/code-snippet/menu/default-cs1/systemjs.config.js diff --git a/ej2-react/appbar/getting-started.md b/ej2-react/appbar/getting-started.md index 23aae33ad9..2ee792d2a4 100644 --- a/ej2-react/appbar/getting-started.md +++ b/ej2-react/appbar/getting-started.md @@ -71,6 +71,7 @@ Add AppBar component's styles as given below in `App.css`. ```css @import "../node_modules/@syncfusion/ej2-base/styles/tailwind3.css"; @import "../node_modules/@syncfusion/ej2-navigations/styles/tailwind3.css"; +@import "../node_modules/@syncfusion/ej2-buttons/styles/tailwind3.css"; ``` ## Add AppBar to the project diff --git a/ej2-react/breadcrumb/getting-started.md b/ej2-react/breadcrumb/getting-started.md index bafceb2c0f..3129790646 100644 --- a/ej2-react/breadcrumb/getting-started.md +++ b/ej2-react/breadcrumb/getting-started.md @@ -94,15 +94,6 @@ function App() { export default App; ``` -```ts -import { BreadcrumbComponent } from '@syncfusion/ej2-react-navigations'; -import * as React from 'react'; -function App() { - return ( ); -} -export default App; -``` - ## Run the application Run the following command to start the development server. This compiles code and serves the application locally. diff --git a/ej2-react/code-snippet/calendar/default-cs1/index.html b/ej2-react/code-snippet/calendar/default-cs1/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs1/index.html +++ b/ej2-react/code-snippet/calendar/default-cs1/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs10/index.html b/ej2-react/code-snippet/calendar/default-cs10/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs10/index.html +++ b/ej2-react/code-snippet/calendar/default-cs10/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs11/index.html b/ej2-react/code-snippet/calendar/default-cs11/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs11/index.html +++ b/ej2-react/code-snippet/calendar/default-cs11/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs12/index.html b/ej2-react/code-snippet/calendar/default-cs12/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs12/index.html +++ b/ej2-react/code-snippet/calendar/default-cs12/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs13/index.html b/ej2-react/code-snippet/calendar/default-cs13/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs13/index.html +++ b/ej2-react/code-snippet/calendar/default-cs13/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs14/index.html b/ej2-react/code-snippet/calendar/default-cs14/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs14/index.html +++ b/ej2-react/code-snippet/calendar/default-cs14/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs15/index.html b/ej2-react/code-snippet/calendar/default-cs15/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs15/index.html +++ b/ej2-react/code-snippet/calendar/default-cs15/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs16/index.html b/ej2-react/code-snippet/calendar/default-cs16/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs16/index.html +++ b/ej2-react/code-snippet/calendar/default-cs16/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs17/index.html b/ej2-react/code-snippet/calendar/default-cs17/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs17/index.html +++ b/ej2-react/code-snippet/calendar/default-cs17/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs18/index.html b/ej2-react/code-snippet/calendar/default-cs18/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs18/index.html +++ b/ej2-react/code-snippet/calendar/default-cs18/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs19/index.html b/ej2-react/code-snippet/calendar/default-cs19/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs19/index.html +++ b/ej2-react/code-snippet/calendar/default-cs19/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs2/index.html b/ej2-react/code-snippet/calendar/default-cs2/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs2/index.html +++ b/ej2-react/code-snippet/calendar/default-cs2/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs3/index.html b/ej2-react/code-snippet/calendar/default-cs3/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs3/index.html +++ b/ej2-react/code-snippet/calendar/default-cs3/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs4/index.html b/ej2-react/code-snippet/calendar/default-cs4/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs4/index.html +++ b/ej2-react/code-snippet/calendar/default-cs4/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs5/index.html b/ej2-react/code-snippet/calendar/default-cs5/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs5/index.html +++ b/ej2-react/code-snippet/calendar/default-cs5/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs6/index.html b/ej2-react/code-snippet/calendar/default-cs6/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs6/index.html +++ b/ej2-react/code-snippet/calendar/default-cs6/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs7/index.html b/ej2-react/code-snippet/calendar/default-cs7/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs7/index.html +++ b/ej2-react/code-snippet/calendar/default-cs7/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs8/index.html b/ej2-react/code-snippet/calendar/default-cs8/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs8/index.html +++ b/ej2-react/code-snippet/calendar/default-cs8/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/default-cs9/index.html b/ej2-react/code-snippet/calendar/default-cs9/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/default-cs9/index.html +++ b/ej2-react/code-snippet/calendar/default-cs9/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/header-format-cs1/index.html b/ej2-react/code-snippet/calendar/header-format-cs1/index.html index 6af45319ab..dd1cd69b6a 100644 --- a/ej2-react/code-snippet/calendar/header-format-cs1/index.html +++ b/ej2-react/code-snippet/calendar/header-format-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/calendar/highlight-special-cs1/index.html b/ej2-react/code-snippet/calendar/highlight-special-cs1/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/highlight-special-cs1/index.html +++ b/ej2-react/code-snippet/calendar/highlight-special-cs1/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/highlight-special-cs2/index.html b/ej2-react/code-snippet/calendar/highlight-special-cs2/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/highlight-special-cs2/index.html +++ b/ej2-react/code-snippet/calendar/highlight-special-cs2/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/highlight-weekend-cs1/index.html b/ej2-react/code-snippet/calendar/highlight-weekend-cs1/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/highlight-weekend-cs1/index.html +++ b/ej2-react/code-snippet/calendar/highlight-weekend-cs1/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/highlight-weekend-cs2/index.html b/ej2-react/code-snippet/calendar/highlight-weekend-cs2/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/highlight-weekend-cs2/index.html +++ b/ej2-react/code-snippet/calendar/highlight-weekend-cs2/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/how-to-cs1/index.html b/ej2-react/code-snippet/calendar/how-to-cs1/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/how-to-cs1/index.html +++ b/ej2-react/code-snippet/calendar/how-to-cs1/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/howto-multi-selection-cs1/index.html b/ej2-react/code-snippet/calendar/howto-multi-selection-cs1/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/howto-multi-selection-cs1/index.html +++ b/ej2-react/code-snippet/calendar/howto-multi-selection-cs1/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/internationalization-cs1/index.html b/ej2-react/code-snippet/calendar/internationalization-cs1/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/internationalization-cs1/index.html +++ b/ej2-react/code-snippet/calendar/internationalization-cs1/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/internationalization-cs2/index.html b/ej2-react/code-snippet/calendar/internationalization-cs2/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/internationalization-cs2/index.html +++ b/ej2-react/code-snippet/calendar/internationalization-cs2/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/islamic-calendar-cs1/index.html b/ej2-react/code-snippet/calendar/islamic-calendar-cs1/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/islamic-calendar-cs1/index.html +++ b/ej2-react/code-snippet/calendar/islamic-calendar-cs1/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/islamic-calendar-cs2/index.html b/ej2-react/code-snippet/calendar/islamic-calendar-cs2/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/islamic-calendar-cs2/index.html +++ b/ej2-react/code-snippet/calendar/islamic-calendar-cs2/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/multiselect-cs1/index.html b/ej2-react/code-snippet/calendar/multiselect-cs1/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/multiselect-cs1/index.html +++ b/ej2-react/code-snippet/calendar/multiselect-cs1/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/multiselect-cs2/index.html b/ej2-react/code-snippet/calendar/multiselect-cs2/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/multiselect-cs2/index.html +++ b/ej2-react/code-snippet/calendar/multiselect-cs2/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/other-month-cs1/index.html b/ej2-react/code-snippet/calendar/other-month-cs1/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/other-month-cs1/index.html +++ b/ej2-react/code-snippet/calendar/other-month-cs1/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/rtl-cs1/index.html b/ej2-react/code-snippet/calendar/rtl-cs1/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/rtl-cs1/index.html +++ b/ej2-react/code-snippet/calendar/rtl-cs1/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/calendar/rtl-cs2/index.html b/ej2-react/code-snippet/calendar/rtl-cs2/index.html index 2ceb887c05..7888b3365e 100644 --- a/ej2-react/code-snippet/calendar/rtl-cs2/index.html +++ b/ej2-react/code-snippet/calendar/rtl-cs2/index.html @@ -7,9 +7,9 @@ - - - + + + diff --git a/ej2-react/code-snippet/datepicker/asterisk-cs1/index.html b/ej2-react/code-snippet/datepicker/asterisk-cs1/index.html index 443f1accea..7a34c141f1 100644 --- a/ej2-react/code-snippet/datepicker/asterisk-cs1/index.html +++ b/ej2-react/code-snippet/datepicker/asterisk-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/asterisk-cs2/index.html b/ej2-react/code-snippet/datepicker/asterisk-cs2/index.html index 443f1accea..7a34c141f1 100644 --- a/ej2-react/code-snippet/datepicker/asterisk-cs2/index.html +++ b/ej2-react/code-snippet/datepicker/asterisk-cs2/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/customization-cs1/index.html b/ej2-react/code-snippet/datepicker/customization-cs1/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/customization-cs1/index.html +++ b/ej2-react/code-snippet/datepicker/customization-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/customization-cs2/index.html b/ej2-react/code-snippet/datepicker/customization-cs2/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/customization-cs2/index.html +++ b/ej2-react/code-snippet/datepicker/customization-cs2/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs1/index.html b/ej2-react/code-snippet/datepicker/default-cs1/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs1/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs10/index.html b/ej2-react/code-snippet/datepicker/default-cs10/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs10/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs10/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs11/index.html b/ej2-react/code-snippet/datepicker/default-cs11/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs11/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs11/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs12/index.html b/ej2-react/code-snippet/datepicker/default-cs12/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs12/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs12/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs13/index.html b/ej2-react/code-snippet/datepicker/default-cs13/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs13/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs13/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs14/index.html b/ej2-react/code-snippet/datepicker/default-cs14/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs14/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs14/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs15/index.html b/ej2-react/code-snippet/datepicker/default-cs15/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs15/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs15/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs16/index.html b/ej2-react/code-snippet/datepicker/default-cs16/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs16/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs16/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs17/index.html b/ej2-react/code-snippet/datepicker/default-cs17/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs17/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs17/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs18/index.html b/ej2-react/code-snippet/datepicker/default-cs18/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs18/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs18/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs19/index.html b/ej2-react/code-snippet/datepicker/default-cs19/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs19/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs19/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs2/index.html b/ej2-react/code-snippet/datepicker/default-cs2/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs2/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs2/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs20/index.html b/ej2-react/code-snippet/datepicker/default-cs20/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs20/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs20/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs21/index.html b/ej2-react/code-snippet/datepicker/default-cs21/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs21/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs21/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs22/index.html b/ej2-react/code-snippet/datepicker/default-cs22/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs22/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs22/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs23/index.html b/ej2-react/code-snippet/datepicker/default-cs23/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs23/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs23/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs24/index.html b/ej2-react/code-snippet/datepicker/default-cs24/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs24/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs24/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs3/index.html b/ej2-react/code-snippet/datepicker/default-cs3/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs3/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs3/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs4/index.html b/ej2-react/code-snippet/datepicker/default-cs4/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs4/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs4/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs5/index.html b/ej2-react/code-snippet/datepicker/default-cs5/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs5/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs5/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs6/index.html b/ej2-react/code-snippet/datepicker/default-cs6/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs6/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs6/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs7/index.html b/ej2-react/code-snippet/datepicker/default-cs7/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs7/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs7/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs8/index.html b/ej2-react/code-snippet/datepicker/default-cs8/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs8/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs8/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/default-cs9/index.html b/ej2-react/code-snippet/datepicker/default-cs9/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/default-cs9/index.html +++ b/ej2-react/code-snippet/datepicker/default-cs9/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/dynamic-form-validator-cs1/index.html b/ej2-react/code-snippet/datepicker/dynamic-form-validator-cs1/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/dynamic-form-validator-cs1/index.html +++ b/ej2-react/code-snippet/datepicker/dynamic-form-validator-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/globalization-cs1/index.html b/ej2-react/code-snippet/datepicker/globalization-cs1/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/globalization-cs1/index.html +++ b/ej2-react/code-snippet/datepicker/globalization-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/globalization-cs2/index.html b/ej2-react/code-snippet/datepicker/globalization-cs2/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/globalization-cs2/index.html +++ b/ej2-react/code-snippet/datepicker/globalization-cs2/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/header-format-cs1/index.html b/ej2-react/code-snippet/datepicker/header-format-cs1/index.html index 1da38246d1..c135c1992a 100644 --- a/ej2-react/code-snippet/datepicker/header-format-cs1/index.html +++ b/ej2-react/code-snippet/datepicker/header-format-cs1/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datepicker/mask-module-cs1/index.html b/ej2-react/code-snippet/datepicker/mask-module-cs1/index.html index dd3c95d060..9aead50fdd 100644 --- a/ej2-react/code-snippet/datepicker/mask-module-cs1/index.html +++ b/ej2-react/code-snippet/datepicker/mask-module-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/mask-module-cs2/index.html b/ej2-react/code-snippet/datepicker/mask-module-cs2/index.html index dd3c95d060..9aead50fdd 100644 --- a/ej2-react/code-snippet/datepicker/mask-module-cs2/index.html +++ b/ej2-react/code-snippet/datepicker/mask-module-cs2/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/mask-module-cs3/index.html b/ej2-react/code-snippet/datepicker/mask-module-cs3/index.html index dd3c95d060..9aead50fdd 100644 --- a/ej2-react/code-snippet/datepicker/mask-module-cs3/index.html +++ b/ej2-react/code-snippet/datepicker/mask-module-cs3/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/mask-module-cs4/index.html b/ej2-react/code-snippet/datepicker/mask-module-cs4/index.html index dd3c95d060..9aead50fdd 100644 --- a/ej2-react/code-snippet/datepicker/mask-module-cs4/index.html +++ b/ej2-react/code-snippet/datepicker/mask-module-cs4/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/mask-module-cs5/index.html b/ej2-react/code-snippet/datepicker/mask-module-cs5/index.html index dd3c95d060..9aead50fdd 100644 --- a/ej2-react/code-snippet/datepicker/mask-module-cs5/index.html +++ b/ej2-react/code-snippet/datepicker/mask-module-cs5/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/mask-module-cs6/index.html b/ej2-react/code-snippet/datepicker/mask-module-cs6/index.html index dd3c95d060..9aead50fdd 100644 --- a/ej2-react/code-snippet/datepicker/mask-module-cs6/index.html +++ b/ej2-react/code-snippet/datepicker/mask-module-cs6/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/open-popup-cs1/index.html b/ej2-react/code-snippet/datepicker/open-popup-cs1/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/open-popup-cs1/index.html +++ b/ej2-react/code-snippet/datepicker/open-popup-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/rtl-cs1/index.html b/ej2-react/code-snippet/datepicker/rtl-cs1/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/rtl-cs1/index.html +++ b/ej2-react/code-snippet/datepicker/rtl-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/rtl-cs2/index.html b/ej2-react/code-snippet/datepicker/rtl-cs2/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/rtl-cs2/index.html +++ b/ej2-react/code-snippet/datepicker/rtl-cs2/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/timezone-cs1/index.html b/ej2-react/code-snippet/datepicker/timezone-cs1/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/timezone-cs1/index.html +++ b/ej2-react/code-snippet/datepicker/timezone-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datepicker/timezone-cs2/index.html b/ej2-react/code-snippet/datepicker/timezone-cs2/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/datepicker/timezone-cs2/index.html +++ b/ej2-react/code-snippet/datepicker/timezone-cs2/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/customcss-cs1/index.html b/ej2-react/code-snippet/daterangepicker/customcss-cs1/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/customcss-cs1/index.html +++ b/ej2-react/code-snippet/daterangepicker/customcss-cs1/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs1/index.html b/ej2-react/code-snippet/daterangepicker/default-cs1/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs1/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs1/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs10/index.html b/ej2-react/code-snippet/daterangepicker/default-cs10/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs10/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs10/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs11/index.html b/ej2-react/code-snippet/daterangepicker/default-cs11/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs11/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs11/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs12/index.html b/ej2-react/code-snippet/daterangepicker/default-cs12/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs12/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs12/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs13/index.html b/ej2-react/code-snippet/daterangepicker/default-cs13/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs13/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs13/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs14/index.html b/ej2-react/code-snippet/daterangepicker/default-cs14/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs14/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs14/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs15/index.html b/ej2-react/code-snippet/daterangepicker/default-cs15/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs15/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs15/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs16/index.html b/ej2-react/code-snippet/daterangepicker/default-cs16/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs16/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs16/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs17/index.html b/ej2-react/code-snippet/daterangepicker/default-cs17/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs17/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs17/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs18/index.html b/ej2-react/code-snippet/daterangepicker/default-cs18/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs18/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs18/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs19/index.html b/ej2-react/code-snippet/daterangepicker/default-cs19/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs19/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs19/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs2/index.html b/ej2-react/code-snippet/daterangepicker/default-cs2/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs2/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs2/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs20/index.html b/ej2-react/code-snippet/daterangepicker/default-cs20/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs20/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs20/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs21/index.html b/ej2-react/code-snippet/daterangepicker/default-cs21/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs21/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs21/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs22/index.html b/ej2-react/code-snippet/daterangepicker/default-cs22/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs22/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs22/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs23/index.html b/ej2-react/code-snippet/daterangepicker/default-cs23/index.html index 73e4e74409..f997c86a8f 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs23/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs23/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs24/index.html b/ej2-react/code-snippet/daterangepicker/default-cs24/index.html index 73e4e74409..f997c86a8f 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs24/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs24/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs25/index.html b/ej2-react/code-snippet/daterangepicker/default-cs25/index.html index 73e4e74409..f997c86a8f 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs25/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs25/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs26/index.html b/ej2-react/code-snippet/daterangepicker/default-cs26/index.html index 39760b667e..eb490b216e 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs26/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs26/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs3/index.html b/ej2-react/code-snippet/daterangepicker/default-cs3/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs3/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs3/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs4/index.html b/ej2-react/code-snippet/daterangepicker/default-cs4/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs4/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs4/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs5/index.html b/ej2-react/code-snippet/daterangepicker/default-cs5/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs5/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs5/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs6/index.html b/ej2-react/code-snippet/daterangepicker/default-cs6/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs6/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs6/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs7/index.html b/ej2-react/code-snippet/daterangepicker/default-cs7/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs7/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs7/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs8/index.html b/ej2-react/code-snippet/daterangepicker/default-cs8/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs8/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs8/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/default-cs9/index.html b/ej2-react/code-snippet/daterangepicker/default-cs9/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/default-cs9/index.html +++ b/ej2-react/code-snippet/daterangepicker/default-cs9/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/globalization-cs1/index.html b/ej2-react/code-snippet/daterangepicker/globalization-cs1/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/globalization-cs1/index.html +++ b/ej2-react/code-snippet/daterangepicker/globalization-cs1/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/globalization-cs2/index.html b/ej2-react/code-snippet/daterangepicker/globalization-cs2/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/globalization-cs2/index.html +++ b/ej2-react/code-snippet/daterangepicker/globalization-cs2/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/header-format-cs1/index.html b/ej2-react/code-snippet/daterangepicker/header-format-cs1/index.html index 1da38246d1..c135c1992a 100644 --- a/ej2-react/code-snippet/daterangepicker/header-format-cs1/index.html +++ b/ej2-react/code-snippet/daterangepicker/header-format-cs1/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/rtl-cs1/index.html b/ej2-react/code-snippet/daterangepicker/rtl-cs1/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/rtl-cs1/index.html +++ b/ej2-react/code-snippet/daterangepicker/rtl-cs1/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/daterangepicker/rtl-cs2/index.html b/ej2-react/code-snippet/daterangepicker/rtl-cs2/index.html index 598e5cac30..7cecc06a46 100644 --- a/ej2-react/code-snippet/daterangepicker/rtl-cs2/index.html +++ b/ej2-react/code-snippet/daterangepicker/rtl-cs2/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/asterisk-cs1/index.html b/ej2-react/code-snippet/datetimepicker/asterisk-cs1/index.html index 33c934401c..9741842094 100644 --- a/ej2-react/code-snippet/datetimepicker/asterisk-cs1/index.html +++ b/ej2-react/code-snippet/datetimepicker/asterisk-cs1/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/asterisk-cs2/index.html b/ej2-react/code-snippet/datetimepicker/asterisk-cs2/index.html index 33c934401c..9741842094 100644 --- a/ej2-react/code-snippet/datetimepicker/asterisk-cs2/index.html +++ b/ej2-react/code-snippet/datetimepicker/asterisk-cs2/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs1/index.html b/ej2-react/code-snippet/datetimepicker/default-cs1/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs1/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs1/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs10/index.html b/ej2-react/code-snippet/datetimepicker/default-cs10/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs10/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs10/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs11/index.html b/ej2-react/code-snippet/datetimepicker/default-cs11/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs11/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs11/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs12/index.html b/ej2-react/code-snippet/datetimepicker/default-cs12/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs12/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs12/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs13/index.html b/ej2-react/code-snippet/datetimepicker/default-cs13/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs13/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs13/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs14/index.html b/ej2-react/code-snippet/datetimepicker/default-cs14/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs14/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs14/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs15/index.html b/ej2-react/code-snippet/datetimepicker/default-cs15/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs15/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs15/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs16/index.html b/ej2-react/code-snippet/datetimepicker/default-cs16/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs16/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs16/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs17/index.html b/ej2-react/code-snippet/datetimepicker/default-cs17/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs17/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs17/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs18/index.html b/ej2-react/code-snippet/datetimepicker/default-cs18/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs18/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs18/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs19/index.html b/ej2-react/code-snippet/datetimepicker/default-cs19/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs19/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs19/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs2/index.html b/ej2-react/code-snippet/datetimepicker/default-cs2/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs2/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs2/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs20/index.html b/ej2-react/code-snippet/datetimepicker/default-cs20/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs20/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs20/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs21/index.html b/ej2-react/code-snippet/datetimepicker/default-cs21/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs21/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs21/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs22/index.html b/ej2-react/code-snippet/datetimepicker/default-cs22/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs22/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs22/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs3/index.html b/ej2-react/code-snippet/datetimepicker/default-cs3/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs3/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs3/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs4/index.html b/ej2-react/code-snippet/datetimepicker/default-cs4/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs4/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs4/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs5/index.html b/ej2-react/code-snippet/datetimepicker/default-cs5/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs5/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs5/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs6/index.html b/ej2-react/code-snippet/datetimepicker/default-cs6/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs6/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs6/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs7/index.html b/ej2-react/code-snippet/datetimepicker/default-cs7/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs7/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs7/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs8/index.html b/ej2-react/code-snippet/datetimepicker/default-cs8/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs8/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs8/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/default-cs9/index.html b/ej2-react/code-snippet/datetimepicker/default-cs9/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/default-cs9/index.html +++ b/ej2-react/code-snippet/datetimepicker/default-cs9/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/header-format-cs1/index.html b/ej2-react/code-snippet/datetimepicker/header-format-cs1/index.html index 1da38246d1..c135c1992a 100644 --- a/ej2-react/code-snippet/datetimepicker/header-format-cs1/index.html +++ b/ej2-react/code-snippet/datetimepicker/header-format-cs1/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/localization-cs1/index.html b/ej2-react/code-snippet/datetimepicker/localization-cs1/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/localization-cs1/index.html +++ b/ej2-react/code-snippet/datetimepicker/localization-cs1/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/localization-cs2/index.html b/ej2-react/code-snippet/datetimepicker/localization-cs2/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/localization-cs2/index.html +++ b/ej2-react/code-snippet/datetimepicker/localization-cs2/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/mask-module-cs1/index.html b/ej2-react/code-snippet/datetimepicker/mask-module-cs1/index.html index 06e8f5f08f..1d22b30c15 100644 --- a/ej2-react/code-snippet/datetimepicker/mask-module-cs1/index.html +++ b/ej2-react/code-snippet/datetimepicker/mask-module-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/mask-module-cs2/index.html b/ej2-react/code-snippet/datetimepicker/mask-module-cs2/index.html index 06e8f5f08f..1d22b30c15 100644 --- a/ej2-react/code-snippet/datetimepicker/mask-module-cs2/index.html +++ b/ej2-react/code-snippet/datetimepicker/mask-module-cs2/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/mask-module-cs3/index.html b/ej2-react/code-snippet/datetimepicker/mask-module-cs3/index.html index 06e8f5f08f..1d22b30c15 100644 --- a/ej2-react/code-snippet/datetimepicker/mask-module-cs3/index.html +++ b/ej2-react/code-snippet/datetimepicker/mask-module-cs3/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/mask-module-cs4/index.html b/ej2-react/code-snippet/datetimepicker/mask-module-cs4/index.html index 06e8f5f08f..1d22b30c15 100644 --- a/ej2-react/code-snippet/datetimepicker/mask-module-cs4/index.html +++ b/ej2-react/code-snippet/datetimepicker/mask-module-cs4/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/mask-module-cs5/index.html b/ej2-react/code-snippet/datetimepicker/mask-module-cs5/index.html index 06e8f5f08f..1d22b30c15 100644 --- a/ej2-react/code-snippet/datetimepicker/mask-module-cs5/index.html +++ b/ej2-react/code-snippet/datetimepicker/mask-module-cs5/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/mask-module-cs6/index.html b/ej2-react/code-snippet/datetimepicker/mask-module-cs6/index.html index 06e8f5f08f..1d22b30c15 100644 --- a/ej2-react/code-snippet/datetimepicker/mask-module-cs6/index.html +++ b/ej2-react/code-snippet/datetimepicker/mask-module-cs6/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/rtl-cs1/index.html b/ej2-react/code-snippet/datetimepicker/rtl-cs1/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/rtl-cs1/index.html +++ b/ej2-react/code-snippet/datetimepicker/rtl-cs1/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/rtl-cs2/index.html b/ej2-react/code-snippet/datetimepicker/rtl-cs2/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/rtl-cs2/index.html +++ b/ej2-react/code-snippet/datetimepicker/rtl-cs2/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/timezone-cs1/index.html b/ej2-react/code-snippet/datetimepicker/timezone-cs1/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/timezone-cs1/index.html +++ b/ej2-react/code-snippet/datetimepicker/timezone-cs1/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/datetimepicker/timezone-cs2/index.html b/ej2-react/code-snippet/datetimepicker/timezone-cs2/index.html index 2060c7aa4c..7d70148578 100644 --- a/ej2-react/code-snippet/datetimepicker/timezone-cs2/index.html +++ b/ej2-react/code-snippet/datetimepicker/timezone-cs2/index.html @@ -7,12 +7,12 @@ - - - - - - + + + + + + diff --git a/ej2-react/code-snippet/dialog/positioning-cs2/app/App.jsx b/ej2-react/code-snippet/dialog/positioning-cs2/app/App.jsx index 5ea2b8b461..700e7cd118 100644 --- a/ej2-react/code-snippet/dialog/positioning-cs2/app/App.jsx +++ b/ej2-react/code-snippet/dialog/positioning-cs2/app/App.jsx @@ -25,7 +25,7 @@ class App extends React.Component { this.setState({ hideDialog: true }); }; footerTemplate = () => { - return (); + return ( this.PositioningInstance = posvalue}/>); }; render() { return (
diff --git a/ej2-react/code-snippet/dialog/positioning-cs2/app/App.tsx b/ej2-react/code-snippet/dialog/positioning-cs2/app/App.tsx index 87aa87bf86..99e26187c3 100644 --- a/ej2-react/code-snippet/dialog/positioning-cs2/app/App.tsx +++ b/ej2-react/code-snippet/dialog/positioning-cs2/app/App.tsx @@ -35,7 +35,7 @@ class App extends React.Component<{}, {hideDialog: boolean;}> { public footerTemplate = (): JSX.Element => { return ( - + this.PositioningInstance = posvalue}/> ) } public render() { diff --git a/ej2-react/code-snippet/dialog/positioning-cs3/app/App.jsx b/ej2-react/code-snippet/dialog/positioning-cs3/app/App.jsx index 05ecacd7a4..bb6787994a 100644 --- a/ej2-react/code-snippet/dialog/positioning-cs3/app/App.jsx +++ b/ej2-react/code-snippet/dialog/positioning-cs3/app/App.jsx @@ -3,15 +3,16 @@ import { DialogComponent } from '@syncfusion/ej2-react-popups'; import * as React from "react"; function App() { let defaultDialogInstance; - let PositioningInstance; const [status, setStatus] = React.useState({ hideDialog: true }); + const posRef = React.useRef(null); let position; position = { X: 'center', Y: 'center' }; function changePosition(event) { - defaultDialogInstance.position = { X: event.currentTarget.value.split(" ")[0], Y: event.currentTarget.value.split(" ")[1] }; - PositioningInstance.innerHTML = 'Position: {X: "' + event.currentTarget.value.split(" ")[0] + '", Y: "' + event.currentTarget.value.split(" ")[1] + '"}'; - const txt = event.target.parentElement.querySelector('.e-label').innerText.split(" "); - PositioningInstance.innerHTML = 'Position: { X: "' + txt[0] + '", Y: "' + txt[1] + '" }'; + const [x, y] = event.currentTarget.value.split(" "); + defaultDialogInstance.position = { X: x, Y: y }; + if (posRef.current) { + posRef.current.innerHTML = `Position: { X: "${x}", Y: "${y}" }`; + } } function dialogClose() { setStatus({ hideDialog: false }); @@ -20,7 +21,7 @@ function App() { setStatus({ hideDialog: true }); } function footerTemplate() { - return (); + return ; } return (
defaultDialogInstance = defaultDialog} target='#dialog-target' open={dialogOpen} close={dialogClose} closeOnEscape={false}> diff --git a/ej2-react/code-snippet/dialog/positioning-cs3/app/App.tsx b/ej2-react/code-snippet/dialog/positioning-cs3/app/App.tsx index e274cbbe0a..1dd503b3ee 100644 --- a/ej2-react/code-snippet/dialog/positioning-cs3/app/App.tsx +++ b/ej2-react/code-snippet/dialog/positioning-cs3/app/App.tsx @@ -7,16 +7,17 @@ import * as React from "react"; function App() { let defaultDialogInstance: DialogComponent; - let PositioningInstance: HTMLElement; const [status, setStatus] = React.useState({ hideDialog: true }); + const posRef = React.useRef(null); let position: PositionDataModel; position = { X: 'center', Y: 'center' }; - function changePosition(event: any): void { - defaultDialogInstance.position = { X: event.currentTarget.value.split(" ")[0], Y: event.currentTarget.value.split(" ")[1] }; - PositioningInstance.innerHTML = 'Position: {X: "' + event.currentTarget.value.split(" ")[0] + '", Y: "' + event.currentTarget.value.split(" ")[1] + '"}' - const txt: string[] = event.target.parentElement.querySelector('.e-label').innerText.split(" "); - PositioningInstance.innerHTML = 'Position: { X: "' + txt[0] + '", Y: "' + txt[1] + '" }'; + function changePosition(event: any) { + const [x, y] = event.currentTarget.value.split(" "); + defaultDialogInstance.position = { X: x, Y: y }; + if (posRef.current) { + posRef.current.innerHTML = `Position: { X: "${x}", Y: "${y}" }`; + } } function dialogClose (){ @@ -27,11 +28,11 @@ function App() { setStatus({ hideDialog: true }); } - function footerTemplate (): JSX.Element { - return ( - - ) + + function footerTemplate(): JSX.Element { + return ; } + return (
defaultDialogInstance = defaultDialog!} diff --git a/ej2-react/code-snippet/menu/default-cs1/app/index.jsx b/ej2-react/code-snippet/menu/default-cs1/app/index.jsx new file mode 100644 index 0000000000..198e3de2fc --- /dev/null +++ b/ej2-react/code-snippet/menu/default-cs1/app/index.jsx @@ -0,0 +1,43 @@ +import { enableRipple } from '@syncfusion/ej2-base'; +import { MenuComponent } from '@syncfusion/ej2-react-navigations'; +import * as React from 'react'; +import * as ReactDom from 'react-dom'; +enableRipple(true); +function App() { + // Menu items definition + let menuItems = [ + { + text: 'File', + items: [ + { text: 'New' }, + { text: 'Open' }, + { text: 'Save' }, + { text: 'Close' }] + }, + { + text: 'Edit', + items: [ + { text: 'Cut' }, + { text: 'Copy' }, + { text: 'Paste' }] + }, + { + text: 'View', + items: [ + { text: 'Toolbar' }, + { text: 'Sidebar' }] + }, + { + text: 'Tools', + items: [ + { text: 'Options' }, + { text: 'Settings' }] + }, + { + text: 'Help' + } + ]; + return (); +} +export default App; +ReactDom.render(, document.getElementById('element')); diff --git a/ej2-react/code-snippet/menu/default-cs1/app/index.tsx b/ej2-react/code-snippet/menu/default-cs1/app/index.tsx new file mode 100644 index 0000000000..c3a0dcdfcb --- /dev/null +++ b/ej2-react/code-snippet/menu/default-cs1/app/index.tsx @@ -0,0 +1,52 @@ + + +import { enableRipple } from '@syncfusion/ej2-base'; +import { MenuComponent, MenuItemModel } from '@syncfusion/ej2-react-navigations'; +import * as React from 'react'; +import * as ReactDom from 'react-dom'; + +enableRipple(true); + +function App() { + // Menu items definition + let menuItems: MenuItemModel[] = [ + { + text: 'File', + items: [ + { text: 'New' }, + { text: 'Open' }, + { text: 'Save' }, + { text: 'Close' }] + }, + { + text: 'Edit', + items: [ + { text: 'Cut' }, + { text: 'Copy' }, + { text: 'Paste' }] + }, + { + text: 'View', + items: [ + { text: 'Toolbar' }, + { text: 'Sidebar' }] + }, + { + text: 'Tools', + items: [ + { text: 'Options' }, + { text: 'Settings' }] + }, + { + text: 'Help' + } + ]; + + return ( + + ); +} +export default App; +ReactDom.render(,document.getElementById('element')); + + diff --git a/ej2-react/code-snippet/menu/default-cs1/index.css b/ej2-react/code-snippet/menu/default-cs1/index.css new file mode 100644 index 0000000000..10f98f6cc3 --- /dev/null +++ b/ej2-react/code-snippet/menu/default-cs1/index.css @@ -0,0 +1,13 @@ +#loader { + color: #008cff; + height: 40px; + left: 45%; + position: absolute; + top: 45%; + width: 30%; +} + +body { + margin-top: 100px; + text-align: center; +} diff --git a/ej2-react/code-snippet/menu/default-cs1/index.html b/ej2-react/code-snippet/menu/default-cs1/index.html new file mode 100644 index 0000000000..5ecb0ad18b --- /dev/null +++ b/ej2-react/code-snippet/menu/default-cs1/index.html @@ -0,0 +1,25 @@ + + + + + Syncfusion React ContextMenu + + + + + + + + + + + + + + +
+
Loading....
+
+ + + \ No newline at end of file diff --git a/ej2-react/code-snippet/menu/default-cs1/systemjs.config.js b/ej2-react/code-snippet/menu/default-cs1/systemjs.config.js new file mode 100644 index 0000000000..7f4d8a1038 --- /dev/null +++ b/ej2-react/code-snippet/menu/default-cs1/systemjs.config.js @@ -0,0 +1,43 @@ +System.config({ + transpiler: "ts", + typescriptOptions: { + target: "es5", + module: "commonjs", + moduleResolution: "node", + emitDecoratorMetadata: true, + experimentalDecorators: true, + "jsx": "react" + }, + meta: { + 'typescript': { + "exports": "ts" + } + }, + paths: { + "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/", + }, + map: { + app: 'app', + ts: "https://unpkg.com/plugin-typescript@4.0.10/lib/plugin.js", + typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js", + "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js", + "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js", + "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js", + "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js", + "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", + "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js", + "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js", + "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js", + "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", + "@syncfusion/ej2-react-navigations": "syncfusion:ej2-react-navigations/dist/ej2-react-navigations.umd.min.js", + "@syncfusion/ej2-react-buttons": "syncfusion:ej2-react-buttons/dist/ej2-react-buttons.umd.min.js", + "react-dom": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js", + "react": "https://unpkg.com/react@18.2.0/umd/react.production.min.js", + }, + packages: { + 'app': { main: 'index', defaultExtension: 'tsx' }, + } + +}); + +System.import('app'); \ No newline at end of file diff --git a/ej2-react/code-snippet/numeric-textbox/adornments-cs1/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/adornments-cs1/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/adornments-cs1/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/adornments-cs1/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/adornments-cs2/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/adornments-cs2/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/adornments-cs2/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/adornments-cs2/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/custom-css-cs1/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/custom-css-cs1/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/custom-css-cs1/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/custom-css-cs1/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/custom-format-cs1/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/custom-format-cs1/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/custom-format-cs1/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/custom-format-cs1/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/custom-format-cs2/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/custom-format-cs2/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/custom-format-cs2/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/custom-format-cs2/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/custom-icons-cs1/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/custom-icons-cs1/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/custom-icons-cs1/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/custom-icons-cs1/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/custom-validation-cs1/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/custom-validation-cs1/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/custom-validation-cs1/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/custom-validation-cs1/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/getting-started-cs1/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/getting-started-cs1/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/getting-started-cs1/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/getting-started-cs1/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/getting-started-cs10/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/getting-started-cs10/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/getting-started-cs10/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/getting-started-cs10/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/getting-started-cs2/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/getting-started-cs2/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/getting-started-cs2/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/getting-started-cs2/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/getting-started-cs3/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/getting-started-cs3/systemjs.config.js index 046a5e2487..0ab94086c8 100644 --- a/ej2-react/code-snippet/numeric-textbox/getting-started-cs3/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/getting-started-cs3/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", + "react-dom": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js", + "react": "https://unpkg.com/react@18.2.0/umd/react.production.min.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/getting-started-cs4/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/getting-started-cs4/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/getting-started-cs4/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/getting-started-cs4/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/getting-started-cs5/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/getting-started-cs5/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/getting-started-cs5/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/getting-started-cs5/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/getting-started-cs6/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/getting-started-cs6/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/getting-started-cs6/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/getting-started-cs6/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/getting-started-cs7/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/getting-started-cs7/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/getting-started-cs7/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/getting-started-cs7/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/getting-started-cs8/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/getting-started-cs8/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/getting-started-cs8/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/getting-started-cs8/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/getting-started-cs9/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/getting-started-cs9/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/getting-started-cs9/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/getting-started-cs9/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/internationalization-cs1/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/internationalization-cs1/systemjs.config.js index 6e1cecf219..18cb8e2de2 100644 --- a/ej2-react/code-snippet/numeric-textbox/internationalization-cs1/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/internationalization-cs1/systemjs.config.js @@ -27,8 +27,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", "plugin-json": "https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js" }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/internationalization-cs2/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/internationalization-cs2/systemjs.config.js index 6e1cecf219..18cb8e2de2 100644 --- a/ej2-react/code-snippet/numeric-textbox/internationalization-cs2/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/internationalization-cs2/systemjs.config.js @@ -27,8 +27,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", "plugin-json": "https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js" }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/nullable-input-cs1/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/nullable-input-cs1/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/nullable-input-cs1/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/nullable-input-cs1/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/precision-cs1/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/precision-cs1/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/precision-cs1/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/precision-cs1/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/precision-cs2/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/precision-cs2/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/precision-cs2/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/precision-cs2/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/react-hooks-cs1/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/react-hooks-cs1/systemjs.config.js index f50c1739a7..44a4080be3 100644 --- a/ej2-react/code-snippet/numeric-textbox/react-hooks-cs1/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/react-hooks-cs1/systemjs.config.js @@ -33,8 +33,8 @@ System.config({ "@syncfusion/ej2-react-splitbuttons": "syncfusion:ej2-react-splitbuttons/dist/ej2-react-splitbuttons.umd.min.js", "@syncfusion/ej2-react-popups": "syncfusion:ej2-react-popups/dist/ej2-react-popups.umd.min.js", "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.8.0/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.8.0/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { 'app': { main: 'index', defaultExtension: 'tsx' }, diff --git a/ej2-react/code-snippet/numeric-textbox/rtl-cs1/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/rtl-cs1/systemjs.config.js index 6e1cecf219..18cb8e2de2 100644 --- a/ej2-react/code-snippet/numeric-textbox/rtl-cs1/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/rtl-cs1/systemjs.config.js @@ -27,8 +27,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", "plugin-json": "https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js" }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/rtl-cs2/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/rtl-cs2/systemjs.config.js index 6e1cecf219..18cb8e2de2 100644 --- a/ej2-react/code-snippet/numeric-textbox/rtl-cs2/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/rtl-cs2/systemjs.config.js @@ -27,8 +27,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", "plugin-json": "https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js" }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/standard-format-cs1/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/standard-format-cs1/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/standard-format-cs1/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/standard-format-cs1/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/standard-format-cs2/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/standard-format-cs2/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/standard-format-cs2/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/standard-format-cs2/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/numeric-textbox/trailing-zeros-cs1/systemjs.config.js b/ej2-react/code-snippet/numeric-textbox/trailing-zeros-cs1/systemjs.config.js index 046a5e2487..7abe476c46 100644 --- a/ej2-react/code-snippet/numeric-textbox/trailing-zeros-cs1/systemjs.config.js +++ b/ej2-react/code-snippet/numeric-textbox/trailing-zeros-cs1/systemjs.config.js @@ -26,8 +26,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", +"react-dom":"https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js", +"react":"https://unpkg.com/react@18.2.0/umd/react.development.js", }, packages: { diff --git a/ej2-react/code-snippet/sidebar/animate-cs1/app/App.jsx b/ej2-react/code-snippet/sidebar/animate-cs1/app/App.jsx index a6f80ad6c1..50c23960aa 100644 --- a/ej2-react/code-snippet/sidebar/animate-cs1/app/App.jsx +++ b/ej2-react/code-snippet/sidebar/animate-cs1/app/App.jsx @@ -1,4 +1,3 @@ -{% raw %} import { ButtonComponent } from '@syncfusion/ej2-react-buttons'; import { SidebarComponent } from '@syncfusion/ej2-react-navigations'; import * as React from 'react'; @@ -38,5 +37,4 @@ function App() {
); } -export default App; -{% endraw %} \ No newline at end of file +export default App; \ No newline at end of file diff --git a/ej2-react/code-snippet/sidebar/animate-cs1/app/App.tsx b/ej2-react/code-snippet/sidebar/animate-cs1/app/App.tsx index 94c7fa0bdd..becde80781 100644 --- a/ej2-react/code-snippet/sidebar/animate-cs1/app/App.tsx +++ b/ej2-react/code-snippet/sidebar/animate-cs1/app/App.tsx @@ -1,4 +1,3 @@ -{% raw %} import { ButtonComponent } from '@syncfusion/ej2-react-buttons'; import { SidebarComponent, SidebarType } from '@syncfusion/ej2-react-navigations'; import * as React from 'react'; @@ -41,5 +40,4 @@ function App() {
) } -export default App; -{% endraw %} \ No newline at end of file +export default App; \ No newline at end of file diff --git a/ej2-react/code-snippet/sidebar/backdrop-cs1/app/App.jsx b/ej2-react/code-snippet/sidebar/backdrop-cs1/app/App.jsx index 0ea1830992..3a48545a8d 100644 --- a/ej2-react/code-snippet/sidebar/backdrop-cs1/app/App.jsx +++ b/ej2-react/code-snippet/sidebar/backdrop-cs1/app/App.jsx @@ -1,4 +1,3 @@ -{% raw %} import { ButtonComponent } from '@syncfusion/ej2-react-buttons'; import { SidebarComponent } from '@syncfusion/ej2-react-navigations'; import * as React from 'react'; @@ -40,5 +39,4 @@ function App() { ); } -export default App; -{% endraw %} \ No newline at end of file +export default App; \ No newline at end of file diff --git a/ej2-react/code-snippet/sidebar/backdrop-cs1/app/App.tsx b/ej2-react/code-snippet/sidebar/backdrop-cs1/app/App.tsx index 8b7816516b..73183722f0 100644 --- a/ej2-react/code-snippet/sidebar/backdrop-cs1/app/App.tsx +++ b/ej2-react/code-snippet/sidebar/backdrop-cs1/app/App.tsx @@ -1,4 +1,3 @@ -{% raw %} import { ButtonComponent } from '@syncfusion/ej2-react-buttons'; import { SidebarComponent, SidebarType } from '@syncfusion/ej2-react-navigations'; import * as React from 'react'; @@ -43,5 +42,4 @@ function App(){ ) } -export default App; -{% endraw %} \ No newline at end of file +export default App; \ No newline at end of file diff --git a/ej2-react/code-snippet/sidebar/contextTo-cs1/app/App.jsx b/ej2-react/code-snippet/sidebar/contextTo-cs1/app/App.jsx index b0a7af4fde..9db8b9926b 100644 --- a/ej2-react/code-snippet/sidebar/contextTo-cs1/app/App.jsx +++ b/ej2-react/code-snippet/sidebar/contextTo-cs1/app/App.jsx @@ -1,4 +1,3 @@ -{% raw %} import { ButtonComponent } from '@syncfusion/ej2-react-buttons'; import { SidebarComponent } from '@syncfusion/ej2-react-navigations'; import * as React from 'react'; @@ -55,5 +54,4 @@ function App() { ); } -export default App; -{% endraw %} \ No newline at end of file +export default App; \ No newline at end of file diff --git a/ej2-react/code-snippet/sidebar/contextTo-cs1/app/App.tsx b/ej2-react/code-snippet/sidebar/contextTo-cs1/app/App.tsx index 7663df6450..1e158d01e8 100644 --- a/ej2-react/code-snippet/sidebar/contextTo-cs1/app/App.tsx +++ b/ej2-react/code-snippet/sidebar/contextTo-cs1/app/App.tsx @@ -1,4 +1,3 @@ -{% raw %} import { ButtonComponent } from '@syncfusion/ej2-react-buttons'; import { SidebarComponent } from '@syncfusion/ej2-react-navigations'; import * as React from 'react'; @@ -60,5 +59,4 @@ function App() { ) } -export default App; -{% endraw %} \ No newline at end of file +export default App; \ No newline at end of file diff --git a/ej2-react/code-snippet/sidebar/default-cs1/app/App.jsx b/ej2-react/code-snippet/sidebar/default-cs1/app/App.jsx index 9613b212ca..a33671d871 100644 --- a/ej2-react/code-snippet/sidebar/default-cs1/app/App.jsx +++ b/ej2-react/code-snippet/sidebar/default-cs1/app/App.jsx @@ -1,4 +1,3 @@ -{% raw %} import { SidebarComponent } from '@syncfusion/ej2-react-navigations'; import * as React from 'react'; @@ -20,5 +19,4 @@ function App() { ); } -export default App; -{% endraw %} \ No newline at end of file +export default App; \ No newline at end of file diff --git a/ej2-react/code-snippet/sidebar/default-cs1/app/App.tsx b/ej2-react/code-snippet/sidebar/default-cs1/app/App.tsx index bd3ad6ed25..3186cd0f16 100644 --- a/ej2-react/code-snippet/sidebar/default-cs1/app/App.tsx +++ b/ej2-react/code-snippet/sidebar/default-cs1/app/App.tsx @@ -1,4 +1,3 @@ -{% raw %} import { SidebarComponent } from '@syncfusion/ej2-react-navigations'; import * as React from 'react'; @@ -22,5 +21,4 @@ function App() { ) } -export default App; -{% endraw %} \ No newline at end of file +export default App; \ No newline at end of file diff --git a/ej2-react/code-snippet/sidebar/document-click-cs1/app/App.jsx b/ej2-react/code-snippet/sidebar/document-click-cs1/app/App.jsx index 84c841ed8d..1ddb80c81d 100644 --- a/ej2-react/code-snippet/sidebar/document-click-cs1/app/App.jsx +++ b/ej2-react/code-snippet/sidebar/document-click-cs1/app/App.jsx @@ -1,4 +1,3 @@ -{% raw %} import { ButtonComponent } from '@syncfusion/ej2-react-buttons'; import { SidebarComponent } from '@syncfusion/ej2-react-navigations'; import * as React from 'react'; @@ -28,5 +27,4 @@ function App() { ); } -export default App; -{% endraw %} \ No newline at end of file +export default App; \ No newline at end of file diff --git a/ej2-react/code-snippet/sidebar/document-click-cs1/app/App.tsx b/ej2-react/code-snippet/sidebar/document-click-cs1/app/App.tsx index 20e65edaf5..fc9790b05d 100644 --- a/ej2-react/code-snippet/sidebar/document-click-cs1/app/App.tsx +++ b/ej2-react/code-snippet/sidebar/document-click-cs1/app/App.tsx @@ -1,4 +1,3 @@ -{% raw %} import { ButtonComponent } from '@syncfusion/ej2-react-buttons'; import { SidebarComponent, SidebarType } from '@syncfusion/ej2-react-navigations'; import * as React from 'react'; @@ -31,5 +30,4 @@ function App() { ) } -export default App; -{% endraw %} \ No newline at end of file +export default App; \ No newline at end of file diff --git a/ej2-react/code-snippet/sidebar/gestures-cs1/app/App.jsx b/ej2-react/code-snippet/sidebar/gestures-cs1/app/App.jsx index f005330268..098a6af2e5 100644 --- a/ej2-react/code-snippet/sidebar/gestures-cs1/app/App.jsx +++ b/ej2-react/code-snippet/sidebar/gestures-cs1/app/App.jsx @@ -1,4 +1,3 @@ -{% raw %} import { ButtonComponent } from '@syncfusion/ej2-react-buttons'; import { SidebarComponent } from '@syncfusion/ej2-react-navigations'; import * as React from 'react'; @@ -39,5 +38,4 @@ function App() { ); } -export default App; -{% endraw %} \ No newline at end of file +export default App; \ No newline at end of file diff --git a/ej2-react/code-snippet/sidebar/gestures-cs1/app/App.tsx b/ej2-react/code-snippet/sidebar/gestures-cs1/app/App.tsx index f3f6e5d6c4..ab5057e6f4 100644 --- a/ej2-react/code-snippet/sidebar/gestures-cs1/app/App.tsx +++ b/ej2-react/code-snippet/sidebar/gestures-cs1/app/App.tsx @@ -1,4 +1,3 @@ -{% raw %} import { ButtonComponent } from '@syncfusion/ej2-react-buttons'; import { SidebarComponent, SidebarType } from '@syncfusion/ej2-react-navigations'; import * as React from 'react'; @@ -41,5 +40,4 @@ function App() { ) } -export default App; -{% endraw %} \ No newline at end of file +export default App; \ No newline at end of file diff --git a/ej2-react/code-snippet/sidebar/listview-cs1/app/App.jsx b/ej2-react/code-snippet/sidebar/listview-cs1/app/App.jsx index df8e154650..26502301f5 100644 --- a/ej2-react/code-snippet/sidebar/listview-cs1/app/App.jsx +++ b/ej2-react/code-snippet/sidebar/listview-cs1/app/App.jsx @@ -1,4 +1,3 @@ -{% raw %} import { ButtonComponent } from '@syncfusion/ej2-react-buttons'; import { ListViewComponent } from '@syncfusion/ej2-react-lists'; import { SidebarComponent } from '@syncfusion/ej2-react-navigations'; @@ -49,5 +48,4 @@ function App() { ); } -export default App; -{% endraw %} \ No newline at end of file +export default App; \ No newline at end of file diff --git a/ej2-react/code-snippet/sidebar/listview-cs1/app/App.tsx b/ej2-react/code-snippet/sidebar/listview-cs1/app/App.tsx index 29f4d2e092..8355dfd508 100644 --- a/ej2-react/code-snippet/sidebar/listview-cs1/app/App.tsx +++ b/ej2-react/code-snippet/sidebar/listview-cs1/app/App.tsx @@ -1,4 +1,3 @@ -{% raw %} import { ButtonComponent } from '@syncfusion/ej2-react-buttons'; import { ListViewComponent } from '@syncfusion/ej2-react-lists'; import { SidebarComponent, SidebarType } from '@syncfusion/ej2-react-navigations'; @@ -52,5 +51,4 @@ function App() { ) } -export default App; -{% endraw %} \ No newline at end of file +export default App; \ No newline at end of file diff --git a/ej2-react/code-snippet/sidebar/types-cs1/app/App.jsx b/ej2-react/code-snippet/sidebar/types-cs1/app/App.jsx index aa8a69a402..b0c7cb0a89 100644 --- a/ej2-react/code-snippet/sidebar/types-cs1/app/App.jsx +++ b/ej2-react/code-snippet/sidebar/types-cs1/app/App.jsx @@ -1,4 +1,3 @@ -{% raw %} import { ButtonComponent, RadioButtonComponent } from '@syncfusion/ej2-react-buttons'; import { SidebarComponent } from '@syncfusion/ej2-react-navigations'; import * as React from 'react'; @@ -65,5 +64,4 @@ function App() { ); } -export default App; -{% endraw %} \ No newline at end of file +export default App; \ No newline at end of file diff --git a/ej2-react/code-snippet/sidebar/types-cs1/app/App.tsx b/ej2-react/code-snippet/sidebar/types-cs1/app/App.tsx index d3349d71fe..88597ffbaf 100644 --- a/ej2-react/code-snippet/sidebar/types-cs1/app/App.tsx +++ b/ej2-react/code-snippet/sidebar/types-cs1/app/App.tsx @@ -1,4 +1,3 @@ -{% raw %} import { ButtonComponent, ChangeEventArgs, RadioButtonComponent } from '@syncfusion/ej2-react-buttons'; import { SidebarComponent, SidebarType } from '@syncfusion/ej2-react-navigations'; import * as React from 'react'; @@ -68,5 +67,4 @@ function App() { ) } -export default App; -{% endraw %} \ No newline at end of file +export default App; \ No newline at end of file diff --git a/ej2-react/code-snippet/splitter/getting-started-cs6/app/App.jsx b/ej2-react/code-snippet/splitter/getting-started-cs6/app/App.jsx index 383906c787..dd6e0968c2 100644 --- a/ej2-react/code-snippet/splitter/getting-started-cs6/app/App.jsx +++ b/ej2-react/code-snippet/splitter/getting-started-cs6/app/App.jsx @@ -47,8 +47,7 @@ class App extends React.Component { // Code block for click action {closeBrace}) - - ); + ); } render() { return (
diff --git a/ej2-react/code-snippet/timepicker/default-cs1/index.html b/ej2-react/code-snippet/timepicker/default-cs1/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/default-cs1/index.html +++ b/ej2-react/code-snippet/timepicker/default-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/default-cs10/index.html b/ej2-react/code-snippet/timepicker/default-cs10/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/default-cs10/index.html +++ b/ej2-react/code-snippet/timepicker/default-cs10/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/default-cs11/index.html b/ej2-react/code-snippet/timepicker/default-cs11/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/default-cs11/index.html +++ b/ej2-react/code-snippet/timepicker/default-cs11/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/default-cs12/index.html b/ej2-react/code-snippet/timepicker/default-cs12/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/default-cs12/index.html +++ b/ej2-react/code-snippet/timepicker/default-cs12/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/default-cs2/index.html b/ej2-react/code-snippet/timepicker/default-cs2/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/default-cs2/index.html +++ b/ej2-react/code-snippet/timepicker/default-cs2/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/default-cs3/index.html b/ej2-react/code-snippet/timepicker/default-cs3/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/default-cs3/index.html +++ b/ej2-react/code-snippet/timepicker/default-cs3/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/default-cs4/index.html b/ej2-react/code-snippet/timepicker/default-cs4/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/default-cs4/index.html +++ b/ej2-react/code-snippet/timepicker/default-cs4/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/default-cs5/index.html b/ej2-react/code-snippet/timepicker/default-cs5/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/default-cs5/index.html +++ b/ej2-react/code-snippet/timepicker/default-cs5/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/default-cs6/index.html b/ej2-react/code-snippet/timepicker/default-cs6/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/default-cs6/index.html +++ b/ej2-react/code-snippet/timepicker/default-cs6/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/default-cs7/index.html b/ej2-react/code-snippet/timepicker/default-cs7/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/default-cs7/index.html +++ b/ej2-react/code-snippet/timepicker/default-cs7/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/default-cs8/index.html b/ej2-react/code-snippet/timepicker/default-cs8/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/default-cs8/index.html +++ b/ej2-react/code-snippet/timepicker/default-cs8/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/default-cs9/index.html b/ej2-react/code-snippet/timepicker/default-cs9/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/default-cs9/index.html +++ b/ej2-react/code-snippet/timepicker/default-cs9/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/how-to-cs1/index.html b/ej2-react/code-snippet/timepicker/how-to-cs1/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/how-to-cs1/index.html +++ b/ej2-react/code-snippet/timepicker/how-to-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/internationalization-cs1/index.html b/ej2-react/code-snippet/timepicker/internationalization-cs1/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/internationalization-cs1/index.html +++ b/ej2-react/code-snippet/timepicker/internationalization-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/internationalization-cs2/index.html b/ej2-react/code-snippet/timepicker/internationalization-cs2/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/internationalization-cs2/index.html +++ b/ej2-react/code-snippet/timepicker/internationalization-cs2/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/keyboard-cs1/index.html b/ej2-react/code-snippet/timepicker/keyboard-cs1/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/keyboard-cs1/index.html +++ b/ej2-react/code-snippet/timepicker/keyboard-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/keyboard-cs2/index.html b/ej2-react/code-snippet/timepicker/keyboard-cs2/index.html index 9479ef7875..1674370439 100644 --- a/ej2-react/code-snippet/timepicker/keyboard-cs2/index.html +++ b/ej2-react/code-snippet/timepicker/keyboard-cs2/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/mask-module-cs1/index.html b/ej2-react/code-snippet/timepicker/mask-module-cs1/index.html index d3e1fb2fbe..ef9ccc811a 100644 --- a/ej2-react/code-snippet/timepicker/mask-module-cs1/index.html +++ b/ej2-react/code-snippet/timepicker/mask-module-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/mask-module-cs2/index.html b/ej2-react/code-snippet/timepicker/mask-module-cs2/index.html index d3e1fb2fbe..ef9ccc811a 100644 --- a/ej2-react/code-snippet/timepicker/mask-module-cs2/index.html +++ b/ej2-react/code-snippet/timepicker/mask-module-cs2/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/mask-module-cs3/index.html b/ej2-react/code-snippet/timepicker/mask-module-cs3/index.html index d3e1fb2fbe..ef9ccc811a 100644 --- a/ej2-react/code-snippet/timepicker/mask-module-cs3/index.html +++ b/ej2-react/code-snippet/timepicker/mask-module-cs3/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/mask-module-cs4/index.html b/ej2-react/code-snippet/timepicker/mask-module-cs4/index.html index d3e1fb2fbe..ef9ccc811a 100644 --- a/ej2-react/code-snippet/timepicker/mask-module-cs4/index.html +++ b/ej2-react/code-snippet/timepicker/mask-module-cs4/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/mask-module-cs5/index.html b/ej2-react/code-snippet/timepicker/mask-module-cs5/index.html index d3e1fb2fbe..ef9ccc811a 100644 --- a/ej2-react/code-snippet/timepicker/mask-module-cs5/index.html +++ b/ej2-react/code-snippet/timepicker/mask-module-cs5/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/mask-module-cs6/index.html b/ej2-react/code-snippet/timepicker/mask-module-cs6/index.html index d3e1fb2fbe..ef9ccc811a 100644 --- a/ej2-react/code-snippet/timepicker/mask-module-cs6/index.html +++ b/ej2-react/code-snippet/timepicker/mask-module-cs6/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/rtl-cs1/index.html b/ej2-react/code-snippet/timepicker/rtl-cs1/index.html index 384e9c89a6..450b1dab74 100644 --- a/ej2-react/code-snippet/timepicker/rtl-cs1/index.html +++ b/ej2-react/code-snippet/timepicker/rtl-cs1/index.html @@ -8,11 +8,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/rtl-cs2/index.html b/ej2-react/code-snippet/timepicker/rtl-cs2/index.html index 384e9c89a6..450b1dab74 100644 --- a/ej2-react/code-snippet/timepicker/rtl-cs2/index.html +++ b/ej2-react/code-snippet/timepicker/rtl-cs2/index.html @@ -8,11 +8,11 @@ - - - - - + + + + + diff --git a/ej2-react/code-snippet/timepicker/validation-cs1/index.html b/ej2-react/code-snippet/timepicker/validation-cs1/index.html index 9253f86dcf..c397e4a691 100644 --- a/ej2-react/code-snippet/timepicker/validation-cs1/index.html +++ b/ej2-react/code-snippet/timepicker/validation-cs1/index.html @@ -7,11 +7,11 @@ - - - - - + + + + + diff --git a/ej2-react/context-menu/getting-started.md b/ej2-react/context-menu/getting-started.md index bc624bebaf..bb180e61bf 100644 --- a/ej2-react/context-menu/getting-started.md +++ b/ej2-react/context-menu/getting-started.md @@ -97,6 +97,7 @@ Add ContextMenu component's styles as given below in `App.css`. Create the `ContextMenu` component in the application. Add the ContextMenu component to the `src/App.tsx` file. The component uses items for `menu` options and a `target` property to specify where the ContextMenu will open. +**App.tsx** ```ts @@ -126,6 +127,7 @@ function App() { } export default App; ``` +**App.jsx** ```ts import { ContextMenuComponent } from '@syncfusion/ej2-react-navigations'; diff --git a/ej2-react/dashboard-layout/getting-started.md b/ej2-react/dashboard-layout/getting-started.md index af377a0229..5e766abb5a 100644 --- a/ej2-react/dashboard-layout/getting-started.md +++ b/ej2-react/dashboard-layout/getting-started.md @@ -152,7 +152,7 @@ function App() { export default App; ``` - +`[src/App.jsx]` ```ts // import the DashboardLayout component import { DashboardLayoutComponent } from '@syncfusion/ej2-react-layouts'; @@ -284,6 +284,7 @@ function App() { export default App; ``` +`[src/App.jsx]` ```ts // import the DashboardLayout component diff --git a/ej2-react/drop-down-list/preact.md b/ej2-react/drop-down-list/preact.md index a2d3c011f7..d500054ed6 100644 --- a/ej2-react/drop-down-list/preact.md +++ b/ej2-react/drop-down-list/preact.md @@ -114,6 +114,7 @@ In this article, the `Material 3` theme is applied using CSS styles, which are a {% endtabs %} > The order of importing CSS styles should be in line with its dependency graph. + ## Add the Syncfusion® React component Follow the steps below to add the React DropDownList component to the Preact project: diff --git a/ej2-react/drop-down-tree/getting-started.md b/ej2-react/drop-down-tree/getting-started.md index d249bce7e6..a8de58bf19 100644 --- a/ej2-react/drop-down-tree/getting-started.md +++ b/ej2-react/drop-down-tree/getting-started.md @@ -86,19 +86,6 @@ ReactDOM.render(, document.getElementById('sample')); ``` -```ts -import { DropDownTreeComponent } from '@syncfusion/ej2-react-dropdowns'; -import * as React from 'react'; -import * as ReactDOM from "react-dom"; -function App() { - return ( - // specifies the tag for render the DropDownTree component - ); -} -export default App; -ReactDOM.render(, document.getElementById('sample')); -``` - ## Adding CSS reference Import the Dropdown Tree component required CSS references as follows in `src/App.css`. @@ -119,7 +106,7 @@ Import the Dropdown Tree component required CSS references as follows in `src/Ap The Dropdown Tree component can load the data either from local data sources or remote data services. This can be done using the [`dataSource`](https://helpej2.syncfusion.com/react/documentation/api/drop-down-tree/fieldsModel#datasource) property that is a member of the [`fields`](https://helpej2.syncfusion.com/react/documentation/api/drop-down-tree#fields) property. The dataSource property supports array of JavaScript objects and DataManager. Here, an array of JSON values is passed to the Dropdown Tree component. - +**App.tsx** ```ts @@ -164,6 +151,7 @@ export default App; ReactDOM.render(, document.getElementById('sample')); ``` +**App.jsx** ```ts import { DropDownTreeComponent } from '@syncfusion/ej2-react-dropdowns'; diff --git a/ej2-react/listview/getting-started.md b/ej2-react/listview/getting-started.md index ff5db680b4..1c888f3433 100644 --- a/ej2-react/listview/getting-started.md +++ b/ej2-react/listview/getting-started.md @@ -82,18 +82,6 @@ function App() { export default App; ``` -```ts -import * as React from 'react'; -import { ListViewComponent } from '@syncfusion/ej2-react-lists'; -import './App.css'; -function App() { - return ( - //specifies the tag to render the ListView component - ); -} -export default App; -``` - ## Adding CSS Reference Import `ListView` component required theme references at the top of `src/App.css`. @@ -114,7 +102,7 @@ If the `CheckList` behavior is used in the ListView, include the Button componen Populate the data in ListView using [`dataSource`](https://helpej2.syncfusion.com/react/documentation/api/list-view#datasource) property. Here, an array of JSON values passed to `ListView` component. - +**App.tsx** ```ts import * as React from 'react'; @@ -138,6 +126,7 @@ function App() { export default App; ``` +**App.jsx** ```ts import * as React from 'react'; diff --git a/ej2-react/mention/getting-started.md b/ej2-react/mention/getting-started.md index bed8076445..438cf2eebf 100644 --- a/ej2-react/mention/getting-started.md +++ b/ej2-react/mention/getting-started.md @@ -256,9 +256,9 @@ The output appears as follows. ## Display Mention character -By using the [showMentionChar](https://ej2.syncfusion.com/react/documentation/api/mention/index-default#showMentionChar) property, the text content can be displayed along with the mention character. You can customize the mention character by using the [mentionChar](https://ej2.syncfusion.com/react/documentation/api/mention/index-default#mentionChar) property in the Mention component. +By using the [showMentionChar](https://ej2.syncfusion.com/react/documentation/api/mention/index-default#showmentionchar) property, the text content can be displayed along with the mention character. You can customize the mention character by using the [mentionChar](https://ej2.syncfusion.com/react/documentation/api/mention/index-default#mentionchar) property in the Mention component. -> By default, the [mentionChar](https://ej2.syncfusion.com/react/documentation/api/mention/index-default#mentionChar) is `@` and the [showMentionChar](https://ej2.syncfusion.com/react/documentation/api/mention/index-default#showMentionChar) property is disabled. +> By default, the [mentionChar](https://ej2.syncfusion.com/react/documentation/api/mention/index-default#mentionchar) is `@` and the [showMentionChar](https://ej2.syncfusion.com/react/documentation/api/mention/index-default#showmentionchar) property is disabled. The following example displays the text content along with the mention character configured as `#`. diff --git a/ej2-react/menu/getting-started.md b/ej2-react/menu/getting-started.md index 22ef3b3f43..84edf35b33 100644 --- a/ej2-react/menu/getting-started.md +++ b/ej2-react/menu/getting-started.md @@ -20,49 +20,67 @@ The following list of dependencies are required to use the Menu component in an |-- @syncfusion/ej2-react-navigations | |-- @syncfusion/ej2-react-base | |-- @syncfusion/ej2-navigations -| | `-- @syncfusion/ej2-base +| | -- @syncfusion/ej2-base +``` -Setup a development environment -To easily set up a React application, use create-vite-app, which provides a faster development environment, smaller bundle sizes, and optimized builds compared to traditional tools like create-react-app. For detailed steps, refer to the Vite installation instructions. Vite sets up the environment using JavaScript and optimizes applications for production. +## Setup for local development -Note: To create a React application using create-react-app, refer to this documentation for more details. +Easily set up a React application using `create-vite-app`, which provides a faster development environment, smaller bundle sizes, and optimized builds compared to traditional tools like `create-react-app`. For detailed steps, refer to the Vite [installation instructions](https://vitejs.dev/guide). Vite sets up your environment using JavaScript and optimizes your application for production. + +> **Note:** To create a React application using `create-react-app`, refer to this [documentation](https://ej2.syncfusion.com/react/documentation/getting-started/create-app) for more details. To create a new React application, run the following command. +```bash npm create vite@latest my-app +``` +This command will prompt you for a few settings for the new project, such as selecting a framework and a variant. + +![Initial_setup](images/Initial-setup.jpg) -To set up a React application in a TypeScript environment, run the following command. +To set up a React application in TypeScript environment, run the following command. +```bash npm create vite@latest my-app -- --template react-ts cd my-app npm run dev +``` +To set up a React application in JavaScript environment, run the following command. -To set up a React application in a JavaScript environment, run the following command. - +```bash npm create vite@latest my-app -- --template react cd my-app npm run dev +``` + +## Adding Syncfusion® packages -Adding Syncfusion® packages -All available Essential® JS 2 packages are published in the npmjs.com public registry. +All the available Essential® JS 2 packages are published in the [`npmjs.com`](https://www.npmjs.com/~syncfusionorg) public registry. To install the Menu component, use the following command: +```bash npm install @syncfusion/ej2-react-navigations --save +``` This command installs the necessary packages and their dependencies, which are required to render the component in a React environment. -Adding Stylesheets to the Application +## Adding Stylesheets to the Application + Add the Menu component's styles as shown below in App.css. +```css @import "../node_modules/@syncfusion/ej2-base/styles/tailwind3.css"; @import "../node_modules/@syncfusion/ej2-buttons/styles/tailwind3.css"; @import "../node_modules/@syncfusion/ej2-popups/styles/tailwind3.css"; @import "../node_modules/@syncfusion/ej2-navigations/styles/tailwind3.css"; +``` + +## Add Menu to the project -Add Menu to the project Create the Menu component in the application. Add the Menu component to the src/App.tsx file using the following code snippet. The items property defines the structure of the menu. +```ts import { MenuComponent, MenuItemModel } from '@syncfusion/ej2-react-navigations'; import * as React from 'react'; import * as ReactDom from 'react-dom'; @@ -107,12 +125,14 @@ function App() { ); } export default App; +``` -Run the application -Run the npm run dev command in the console to start the development server. This command compiles code and serves the application locally, opening it in the browser. +## Run the application +Run the `npm run dev` command in the terminal to start the development server. This command compiles your code and serves the application locally, opening it in the browser. + +```bash npm run dev +``` {% previewsample "page.domainurl/code-snippet/menu/default-cs1" %} - -Integrating with Toolbar component diff --git a/ej2-react/sidebar/getting-started.md b/ej2-react/sidebar/getting-started.md index 8737d3bdba..d1973cebcf 100644 --- a/ej2-react/sidebar/getting-started.md +++ b/ej2-react/sidebar/getting-started.md @@ -88,32 +88,6 @@ Sidebar can be initialized using the `` tag, it's used to rend **src/App.tsx** - -```ts - -import { SidebarComponent } from '@syncfusion/ej2-react-navigations'; -import * as React from 'react'; - -function App() { - - return ( -
-
- -
Sidebar content
- -
-
Main content
-
content goes here
-
-
-
- ) -} -export default App; - -``` - ```ts import { SidebarComponent } from '@syncfusion/ej2-react-navigations'; import * as React from 'react'; diff --git a/ej2-react/treeview/getting-started.md b/ej2-react/treeview/getting-started.md index ad128c1d26..fbc913b574 100644 --- a/ej2-react/treeview/getting-started.md +++ b/ej2-react/treeview/getting-started.md @@ -92,20 +92,6 @@ ReactDOM.render(, document.getElementById('root')); ``` -```ts -import * as React from 'react'; -import './App.css'; -import * as ReactDOM from "react-dom"; -import { TreeViewComponent } from '@syncfusion/ej2-react-navigations'; -function App() { - return ( - // specifies the tag to render the TreeView component - ); -} -export default App; -ReactDOM.render(, document.getElementById('root')); -``` - ## Adding CSS reference Import the TreeView component required CSS references as follows in **src/App.css**. @@ -127,7 +113,7 @@ Import the TreeView component required CSS references as follows in **src/App.cs TreeView can load data either from local data sources or remote data services. This can be done using the [`dataSource`](https://ej2.syncfusion.com/react/documentation/api/treeview/fieldsSettingsModel#datasource) property that is a member of the [fields](https://ej2.syncfusion.com/react/documentation/api/treeview#fields) property. The dataSource property supports array of JavaScript objects and [`DataManager`](https://ej2.syncfusion.com/react/documentation/data/getting-started). Here, an array of JSON values is passed to the TreeView component. - +**App.tsx** ```ts import * as React from 'react'; @@ -238,7 +224,7 @@ export default App; ReactDOM.render(, document.getElementById('root')); ``` - +**App.jsx** ```ts import * as React from 'react'; import './App.css'; diff --git a/ej2-react/uploader/preact.md b/ej2-react/uploader/preact.md index fd4133b7e7..07cf6fab10 100644 --- a/ej2-react/uploader/preact.md +++ b/ej2-react/uploader/preact.md @@ -114,6 +114,7 @@ In this article, the `Material 3` theme is applied using CSS styles, which are a {% endtabs %} > The order of importing CSS styles should be in line with its dependency graph. + ## Add the Syncfusion® React component Follow these steps to add the React Uploader component to the Preact project: From 9d2e3ea63499df38a3526bae5feec2141188dbd1 Mon Sep 17 00:00:00 2001 From: Priyanka Date: Fri, 26 Jun 2026 15:22:30 +0530 Subject: [PATCH 2/2] 18877: Corrected React getting started documentation issues --- .../code-snippet/stepper/getting-started-cs1/app/index.jsx | 6 +----- .../code-snippet/stepper/getting-started-cs1/app/index.tsx | 6 +----- .../code-snippet/stepper/icon-with-label/app/index.jsx | 4 ---- .../code-snippet/stepper/icon-with-label/app/index.tsx | 6 +----- .../code-snippet/switch/getting-started-cs1/index.html | 2 +- .../code-snippet/textbox/default-cs1/systemjs.config.js | 4 ++-- 6 files changed, 6 insertions(+), 22 deletions(-) diff --git a/ej2-react/code-snippet/stepper/getting-started-cs1/app/index.jsx b/ej2-react/code-snippet/stepper/getting-started-cs1/app/index.jsx index 16ebd6e8c4..209340d150 100644 --- a/ej2-react/code-snippet/stepper/getting-started-cs1/app/index.jsx +++ b/ej2-react/code-snippet/stepper/getting-started-cs1/app/index.jsx @@ -1,5 +1,3 @@ -{% raw %} - import * as React from "react"; import * as ReactDom from "react-dom"; import { StepperComponent, StepsDirective, StepDirective } from '@syncfusion/ej2-react-navigations'; @@ -20,6 +18,4 @@ function App() { ); } export default App; -ReactDom.render(, document.getElementById("element")); - -{% endraw %} +ReactDom.render(, document.getElementById("element")); \ No newline at end of file diff --git a/ej2-react/code-snippet/stepper/getting-started-cs1/app/index.tsx b/ej2-react/code-snippet/stepper/getting-started-cs1/app/index.tsx index 16ebd6e8c4..209340d150 100644 --- a/ej2-react/code-snippet/stepper/getting-started-cs1/app/index.tsx +++ b/ej2-react/code-snippet/stepper/getting-started-cs1/app/index.tsx @@ -1,5 +1,3 @@ -{% raw %} - import * as React from "react"; import * as ReactDom from "react-dom"; import { StepperComponent, StepsDirective, StepDirective } from '@syncfusion/ej2-react-navigations'; @@ -20,6 +18,4 @@ function App() { ); } export default App; -ReactDom.render(, document.getElementById("element")); - -{% endraw %} +ReactDom.render(, document.getElementById("element")); \ No newline at end of file diff --git a/ej2-react/code-snippet/stepper/icon-with-label/app/index.jsx b/ej2-react/code-snippet/stepper/icon-with-label/app/index.jsx index bf2708b36b..1056f68583 100644 --- a/ej2-react/code-snippet/stepper/icon-with-label/app/index.jsx +++ b/ej2-react/code-snippet/stepper/icon-with-label/app/index.jsx @@ -1,5 +1,3 @@ -{% raw %} - import * as React from "react"; import * as ReactDom from "react-dom"; import { StepperComponent, StepsDirective, StepDirective } from '@syncfusion/ej2-react-navigations'; @@ -21,5 +19,3 @@ function App() { } export default App; ReactDom.render(, document.getElementById("element")); - -{% endraw %} diff --git a/ej2-react/code-snippet/stepper/icon-with-label/app/index.tsx b/ej2-react/code-snippet/stepper/icon-with-label/app/index.tsx index bf2708b36b..21d4dd1ab6 100644 --- a/ej2-react/code-snippet/stepper/icon-with-label/app/index.tsx +++ b/ej2-react/code-snippet/stepper/icon-with-label/app/index.tsx @@ -1,5 +1,3 @@ -{% raw %} - import * as React from "react"; import * as ReactDom from "react-dom"; import { StepperComponent, StepsDirective, StepDirective } from '@syncfusion/ej2-react-navigations'; @@ -20,6 +18,4 @@ function App() { ); } export default App; -ReactDom.render(, document.getElementById("element")); - -{% endraw %} +ReactDom.render(, document.getElementById("element")); \ No newline at end of file diff --git a/ej2-react/code-snippet/switch/getting-started-cs1/index.html b/ej2-react/code-snippet/switch/getting-started-cs1/index.html index 6d023b71d1..c25937bf70 100644 --- a/ej2-react/code-snippet/switch/getting-started-cs1/index.html +++ b/ej2-react/code-snippet/switch/getting-started-cs1/index.html @@ -7,7 +7,7 @@ - + diff --git a/ej2-react/code-snippet/textbox/default-cs1/systemjs.config.js b/ej2-react/code-snippet/textbox/default-cs1/systemjs.config.js index a4f825392d..4c5db1da84 100644 --- a/ej2-react/code-snippet/textbox/default-cs1/systemjs.config.js +++ b/ej2-react/code-snippet/textbox/default-cs1/systemjs.config.js @@ -28,8 +28,8 @@ System.config({ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", "@syncfusion/ej2-react-inputs": "syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js", "@syncfusion/ej2-react-popups": "syncfusion:ej2-react-popups/dist/ej2-react-popups.umd.min.js", -"react-dom":"https://unpkg.com/react-dom@16.3.1/umd/react-dom.development.js", -"react":"https://unpkg.com/react@16.3.1/umd/react.development.js", + "react-dom":"https://unpkg.com/react-dom@18.1.0/umd/react-dom.development.js", + "react":"https://unpkg.com/react@18.1.0/umd/react.development.js", }, packages: {