Removed module register from calendar samples (#866)

Author: tishko0

samples/scheduling/calendar/multiple-months/src/index.tsx

@@ -1,11 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import { IgrCalendar, IgrCalendarModule } from 'igniteui-react';
+import { IgrCalendar } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
-IgrCalendarModule.register();
-
 export default class CalendarMultipleMonths extends React.Component<any, any> {
 
     constructor(props: any) {

samples/scheduling/calendar/multiple-selection/src/index.tsx

@@ -1,11 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import { IgrCalendar, IgrCalendarModule } from 'igniteui-react';
+import { IgrCalendar } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
-IgrCalendarModule.register();
-
 export default class CalendarMultipleSelection extends React.Component<any, any> {
 
     constructor(props: any) {

samples/scheduling/calendar/overview/src/index.tsx

@@ -1,11 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import { IgrCalendar, IgrCalendarModule } from 'igniteui-react';
+import { IgrCalendar } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
-IgrCalendarModule.register();
-
 export default class CalendarOverview extends React.Component<any, any> {
 
     constructor(props: any) {

samples/scheduling/calendar/range-selection/src/index.tsx

@@ -1,11 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import { IgrCalendar, IgrCalendarModule } from 'igniteui-react';
+import { IgrCalendar } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
-IgrCalendarModule.register();
-
 export default class CalendarRangeSelection extends React.Component<any, any> {    
 
     constructor(props: any) {

samples/scheduling/calendar/size/src/index.tsx

@@ -1,13 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import { IgrCalendar, IgrRadioGroup, IgrRadio, IgrCalendarModule, IgrRadioGroupModule, IgrRadioModule } from 'igniteui-react';
+import { IgrCalendar, IgrRadioGroup, IgrRadio } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
-IgrCalendarModule.register();
-IgrRadioGroupModule.register();
-IgrRadioModule.register();
-
 export default class CalendarSize extends React.Component<any, any> {
 
     constructor(props: any) {
@@ -20,17 +16,22 @@ export default class CalendarSize extends React.Component<any, any> {
         return (
             <div className="container sample">
                 <IgrRadioGroup alignment="horizontal" style={{ marginBottom: '10px' }}>
-                    <IgrRadio name="size" value="small" onChange={this.onRadioChange}>
+                    <IgrRadio name="size" value="small" 
+                        checked={this.state.calendarSize === "small"} 
+                        onChange={this.onRadioChange}>
                         <span>Small</span>
                     </IgrRadio>
-                    <IgrRadio name="size" value="medium" onChange={this.onRadioChange}>
+                    <IgrRadio name="size" value="medium" 
+                        checked={this.state.calendarSize === "medium"} 
+                        onChange={this.onRadioChange}>
                         <span>Medium</span>
                     </IgrRadio>
-                    <IgrRadio name="size" value="large" checked={true} onChange={this.onRadioChange}>
+                    <IgrRadio name="size" value="large" 
+                        checked={this.state.calendarSize === "large"} 
+                        onChange={this.onRadioChange}>
                         <span>Large</span>
                     </IgrRadio>
                 </IgrRadioGroup>
-
                 <IgrCalendar className={'size-' + this.state.calendarSize} style={{width: '400px'}}/>                
             </div>
         );
@@ -45,4 +46,4 @@ export default class CalendarSize extends React.Component<any, any> {
 
 // rendering above class to the React DOM
 const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(<CalendarSize/>);
+root.render(<CalendarSize />);

samples/scheduling/calendar/styling/src/index.tsx

@@ -2,11 +2,9 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import './CalendarStyling.css';
-import { IgrCalendar, IgrCalendarModule } from 'igniteui-react';
+import { IgrCalendar } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
-IgrCalendarModule.register();
-
 export default class CalendarStyling extends React.Component<any, any> {
 
     constructor(props: any) {

samples/scheduling/calendar/week-numbers/src/index.tsx

@@ -1,11 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import { IgrCalendar, IgrCalendarModule } from 'igniteui-react';
+import { IgrCalendar } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
-IgrCalendarModule.register();
-
 export default class CalendarWeekNumbers extends React.Component<any, any> {
 
     constructor(props: any) {