stylelint issue and upgraded Type script version.

#4029

samples/react-calendar/README.md

@@ -114,6 +114,7 @@ Version|Date|Comments
 1.0.15|November 22, 2021|Fix All Day event issue that makes All Day events date expanded to another day instead of being full day event.
 1.0.16|December 21, 2021|Upgraded to SPFx 1.12.1
 1.0.17|October 25, 2022|Fixed issue deleting events (#2693)
+1.0.18|December 29, 2022|Fixed stylelint issue (#4029)| Cleaned up old Type script versions and Upgraded Type script version
 
 ## Minimal Path to Awesome
 

samples/react-calendar/config/package-solution.json

@@ -3,7 +3,7 @@
   "solution": {
     "name": "react-calendar-client-side-solution",
     "id": "3a13208b-3874-4036-9262-4edd22e88187",
-    "version": "1.0.17.0",
+    "version": "1.0.18.0",
     "includeClientSideAssets": true,
     "skipFeatureDeployment": true,
     "isDomainIsolated": false

samples/react-calendar/gulpfile.js

@@ -52,30 +52,6 @@ build.configureWebpack.mergeConfig({
 
 });
 
-
-/**
- * StyleLinter configuration
- * Reference and custom gulp task
- */
-const stylelint = require('gulp-stylelint');
-
-/* Stylelinter sub task */
-let styleLintSubTask = build.subTask('stylelint', (gulp) => {
-
-    return gulp
-        .src('src/**/*.scss')
-        .pipe(stylelint({
-            failAfterError: false,
-            reporters: [{
-                formatter: 'string',
-                console: true
-            }]
-        }));
-});
-/* end sub task */
-
-build.rig.addPreBuildTask(styleLintSubTask);
-
 /**
  * Custom Framework Specific gulp tasks
  */

samples/react-calendar/package.json

@@ -12,6 +12,7 @@
     "test:watch": "./node_modules/.bin/jest --config ./config/jest.config.json --watchAll"
   },
   "dependencies": {
+    "@fluentui/react": "8.85.1",
     "@microsoft/sp-core-library": "1.12.1",
     "@microsoft/sp-lodash-subset": "1.12.1",
     "@microsoft/sp-office-ui-fabric-core": "1.12.1",
@@ -45,11 +46,8 @@
     "@types/react": "16.7.22"
   },
   "devDependencies": {
-    "@microsoft/rush-stack-compiler-2.9": "0.7.7",
-    "@microsoft/rush-stack-compiler-3.2": "0.3.17",
-    "@microsoft/rush-stack-compiler-3.3": "0.3.5",
-    "@microsoft/rush-stack-compiler-3.7": "0.2.3",
-    "@microsoft/sp-build-web": "1.18.0",
+    "@microsoft/rush-stack-compiler-3.9": "0.4.47",
+    "@microsoft/sp-build-web": "1.12.1",
     "@microsoft/sp-module-interfaces": "1.12.1",
     "@microsoft/sp-tslint-rules": "1.12.1",
     "@microsoft/sp-webpart-workbench": "1.12.1",
@@ -66,9 +64,7 @@
     "jest": "^23.6.0",
     "karma-junit-reporter": "^1.2.0",
     "spfx-uifabric-themes": "^0.6.0",
-    "stylelint": "^15.10.1",
-    "stylelint-config-standard": "^18.2.0",
-    "stylelint-scss": "^3.5.4",
+    "tslint-microsoft-contrib": "6.2.0",
     "webpack-bundle-analyzer": "^3.1.0"
   },
   "solution": {

samples/react-calendar/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "./node_modules/@microsoft/rush-stack-compiler-3.7/includes/tsconfig-web.json",
+  "extends": "./node_modules/@microsoft/rush-stack-compiler-3.9/includes/tsconfig-web.json",
   "compilerOptions": {
     "target": "es5",
     "forceConsistentCasingInFileNames": true,

samples/react-calendar/tslint.json

@@ -17,7 +17,6 @@
     "no-switch-case-fall-through": true,
     "no-unnecessary-semicolons": true,
     "no-unused-expression": true,
-    "no-use-before-declare": true,
     "no-with-statement": true,
     "semicolon": true,
     "trailing-comma": false,