@syncfusion/ej2-calendars 21.2.9 → 21.2.10-11964

package/styles/timepicker/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 /*! component icons */
@@ -7,6 +6,12 @@
   content: "\e705";
 }
 
+.e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close::before,
+.e-datetimepicker.e-popup-expand .e-model-header .e-popup-close::before {
+  content: "\e7e7";
+  font-family: "e-icons";
+}
+
 .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-time-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
   display: -ms-flexbox;
@@ -74,24 +79,6 @@
   text-indent: 12px;
 }
 
-.e-bigger .e-time-wrapper .e-time-icon.e-icons,
-*.e-bigger.e-time-wrapper .e-time-icon.e-icons,
-*.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
-*.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 18px;
-}
-
-.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
-*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
-  padding: 4px 0;
-}
-.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  font-size: 16px;
-  line-height: 36px;
-  text-indent: 16px;
-}
-
 .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 14px;
@@ -106,31 +93,11 @@
   font-size: 14px;
 }
 
-.e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  font-size: 14px;
-  line-height: 32px;
-  text-indent: 12px;
-}
-
-.e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
-*.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
-*.e-small.bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
-*.e-control-wrapper.e-small.bigger.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 16px;
-}
-
 .e-content-placeholder.e-timepicker.e-placeholder-timepicker {
   background-size: 250px 33px;
   min-height: 33px;
 }
 
-.e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
-.e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
-  background-size: 250px 40px;
-  min-height: 40px;
-}
-
 /* stylelint-disable */
 .e-time-overflow {
   overflow: hidden;
@@ -159,8 +126,91 @@
   top: 0 !important;
 }
 
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-popup {
+  border-radius: 0;
+}
+
+.e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header,
+.e-datetimepicker.e-popup-expand .e-model-header {
+  height: 10%;
+  padding: 2.5vh 2.5vw 2.5vh 1.5vw;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  font-size: 2vh;
+  border-bottom: none;
+}
+.e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-popup-close,
+.e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
+  float: left;
+  padding: 1vh 2vw;
+}
+.e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-model-title,
+.e-datetimepicker.e-popup-expand .e-model-header .e-model-title {
+  padding: 1vh 2vw;
+  text-transform: capitalize;
+  font-weight: 500;
+}
+.e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-btn.e-popup-close,
+.e-datetimepicker.e-popup-expand .e-model-header .e-btn.e-popup-close {
+  font-size: 2vh;
+}
+.e-timepicker-mob-popup-wrap .e-popup-expand .e-content,
+.e-datetimepicker.e-popup-expand .e-content {
+  height: 90%;
+  overflow: auto;
+}
+.e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
+.e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
+  padding: 1vh 0;
+  line-height: 5vh;
+}
+@media (max-device-width: 768px) {
+  .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
+  .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
+    font-size: 14px;
+  }
+}
+@media (min-device-width: 768px) {
+  .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
+  .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
+    font-size: 24px;
+  }
+}
+
+@media screen and (orientation: landscape) {
+  .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header,
+  .e-datetimepicker.e-popup-expand .e-model-header {
+    height: 15%;
+    font-size: 2vw;
+  }
+  .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-popup-close,
+  .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
+    padding: 1vh 1vw;
+  }
+  .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-model-title,
+  .e-datetimepicker.e-popup-expand .e-model-header .e-model-title {
+    padding: 1vh 1vw;
+  }
+  .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-btn.e-popup-close,
+  .e-datetimepicker.e-popup-expand .e-model-header .e-btn.e-popup-close {
+    font-size: 2vw;
+  }
+  .e-timepicker-mob-popup-wrap .e-popup-expand .e-content,
+  .e-datetimepicker.e-popup-expand .e-content {
+    height: 85%;
+  }
+  .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
+  .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
+    padding: 1vh 0;
+    line-height: 10vh;
+  }
+}
 /* stylelint-enable */
-/*! timepicker theme */
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #111827;
 }
@@ -203,8 +253,17 @@
 }
 
 .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-.e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+*.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: #111827;
+}
+
+.e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header,
+.e-datetimepicker.e-popup-expand .e-model-header {
+  background-color: #f9fafb;
+  color: #374151;
+}
+.e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close,
+.e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
+  color: #374151;
+  font-weight: 500;
 }

package/styles/timepicker/tailwind.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-base/styles/definition/tailwind.scss';
 @import 'ej2-inputs/styles/input/tailwind-definition.scss';
 @import 'ej2-popups/styles/popup/tailwind-definition.scss';
 @import 'tailwind-definition.scss';

package/.eslintrc.json

@@ -1,259 +0,0 @@
-{
-    "env": {
-        "browser": true,
-        "es2021": true
-    },
-    "extends": [
-        "eslint:recommended",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:jsdoc/recommended",
-        "plugin:security/recommended"
-    ],
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-        "ecmaFeatures": { "js": true },
-        "ecmaVersion": 2018,
-        "project": "./tsconfig.json",
-        "sourceType": "module"
-      },
-    "plugins": [
-        "@typescript-eslint",
-        "@typescript-eslint/tslint",
-        "eslint-plugin-security",
-        "jsdoc"
-    ],
-    "rules": {
-        "use-isnan": "error",
-        "security/detect-unsafe-regex":"error",
-        "security/detect-buffer-noassert":"error",
-        "security/detect-child-process":"error",
-        "security/detect-disable-mustache-escape":"error",
-        "security/detect-eval-with-expression":"error",
-        "security/detect-no-csrf-before-method-override":"error",
-        "security/detect-non-literal-fs-filename":"error",
-        "security/detect-non-literal-regexp":"error",
-        "security/detect-non-literal-require":"error",
-        "security/detect-object-injection":"error",
-        "security/detect-possible-timing-attacks":"error",
-        "security/detect-pseudoRandomBytes":"error",
-        "security/detect-new-buffer":"error",
-        "@typescript-eslint/no-inferrable-types": "off",
-        "@typescript-eslint/ban-types": ["warn", {
-            "types": {
-                "Object": false,
-                "object": false,
-                "{}": false,
-                "Function": false
-            }
-        }],
-        "jsdoc/check-tag-names": 0,
-        "@typescript-eslint/tslint/config": [
-            "error",
-            {
-                "rules": {
-                    "ban": true,
-                    "chai-vague-errors": true,
-                    "max-func-body-length": [
-                        true,
-                        120,
-                        {
-                            "ignore-parameters-to-function-regex": "describe"
-                        }
-                    ],
-                    "missing-jsdoc": true,
-                    "no-backbone-get-set-outside-model": false,
-                    "no-cookies": false,
-                    "no-delete-expression": false,
-                    "no-disable-auto-sanitization": true,
-                    "no-duplicate-case": true,
-                    "no-duplicate-parameter-names": true,
-                    "no-empty-interfaces": false,
-                    "no-exec-script": true,
-                    "no-function-expression": false,
-                    "no-multiple-var-decl": false,
-                    "no-string-based-set-immediate": false,
-                    "no-string-based-set-interval": false,
-                    "no-unnecessary-bind": false,
-                    "no-unused-imports": true,
-                    "no-with-statement": false,
-                    "prefer-array-literal": false,
-                    "typedef": [
-                        true,
-                        "call-signature",
-                        "parameter",
-                        "property-declaration",
-                        "variable-declaration",
-                        "arrow-parameter",
-                        "member-variable-declaration"
-                    ],
-                    "use-named-parameter": false,
-                    "valid-typeof": true,
-                    "whitespace": [
-                        true,
-                        "check-branch",
-                        "check-decl",
-                        "check-operator",
-                        "check-separator",
-                        "check-type"
-                    ]
-                }
-            }
-        ],
-        "no-control-regex": "error",
-        "no-constant-condition": "error",
-        "no-invalid-regexp": "error",
-        "curly": "error",
-        "eol-last": [
-            "error",
-            "always"
-        ],
-        "guard-for-in": "error",
-        "no-labels": "error",
-        "max-len": [
-            "error",
-            {
-                "code": 140,
-                "tabWidth": 4,
-                "ignoreComments": true,
-                "ignoreStrings": true,
-                "ignoreTemplateLiterals": true,
-                "ignoreRegExpLiterals": true
-            }
-        ],
-        "no-console": [
-            "error",
-            {
-                "allow": [
-                    "warn",
-                    "dir",
-                    "timeLog",
-                    "assert",
-                    "clear",
-                    "count",
-                    "countReset",
-                    "group",
-                    "groupEnd",
-                    "table",
-                    "dirxml",
-                    "error",
-                    "groupCollapsed",
-                    "Console",
-                    "profile",
-                    "profileEnd",
-                    "timeStamp",
-                    "context"
-                ]
-            }
-        ],
-        "no-redeclare": [
-            "error",
-            {
-                "builtinGlobals": true
-            }
-        ],
-        "@typescript-eslint/no-parameter-properties": "error",
-        "@typescript-eslint/indent": [
-            "error",
-            4,
-            {
-                "CallExpression": {
-                    "arguments": "first"
-                },
-                "FunctionDeclaration": {
-                    "parameters": "first"
-                },
-                "FunctionExpression": {
-                    "parameters": "first"
-                }
-            }
-        ],
-        "no-debugger": "error",
-        "no-eval": "error",
-        "no-extra-semi": "error",
-        "no-throw-literal": "error",
-        "no-fallthrough": "error",
-        "comma-dangle": [
-            "error",
-            "never"
-        ],
-        "no-trailing-spaces": "error",
-        "@typescript-eslint/no-unused-expressions": "error",
-        "@typescript-eslint/no-var-requires": "error",
-        "one-var": [
-            "error",
-            "never"
-        ],
-        "@typescript-eslint/no-explicit-any": "error",
-        "no-cond-assign": [
-            "error",
-            "always"
-        ],
-        "@typescript-eslint/consistent-type-assertions": "off",
-        "jsdoc/check-alignment": "error",
-        "no-empty": "error",
-        "quotes": [
-            "error",
-            "single"
-        ],
-        "semi": [
-            "error",
-            "always"
-        ],
-        "eqeqeq": [
-            "error",
-            "smart"
-        ],
-        "valid-typeof": [
-            "error",
-            {
-                "requireStringLiterals": true
-            }
-        ],
-        "camelcase": [
-            "error",
-            {
-                "properties": "always",
-                "ignoreDestructuring": true,
-                "ignoreImports": true
-            }
-        ],
-        "no-irregular-whitespace": [
-            "error",
-            {
-                "skipStrings": true,
-                "skipComments": true,
-                "skipRegExps": true,
-                "skipTemplates": true
-            }
-        ],
-        "valid-jsdoc": [
-            "error",
-            {
-                "prefer": {
-                    "arg": "param",
-                    "argument": "param",
-                    "class": "constructor",
-                    "return": "returns",
-                    "virtual": "abstract"
-                }
-            }
-        ],
-        "no-var": "error",
-        "radix": "error"
-    },
-    "reportUnusedDisableDirectives": true,
-    "overrides": [
-        {
-            "files": [
-                "node_modules",
-                "dist",
-                "public",
-                "coverage",
-                "test-report"
-            ],
-            "rules": {
-                "no-unused-expressions": "off"
-            }
-        }
-    ]
-}