@anglr/datetime 5.0.0-beta.20221020045240 → 5.0.0-beta.20221020124055

package/styles/components/_date-time-picker.scss

@@ -4,5 +4,142 @@
     {
         display: block;
         position: absolute;
+
+        background-color: #FFFFFF;
+        border: 1px solid #333333;
+        border-radius: 6px;
+        z-index: 123;
+        padding: 4px 8px;
+
+        .date-time-period
+        {
+            .period
+            {
+                display: grid;
+                grid-template-columns: auto 1fr auto;
+                grid-template-rows: auto;
+                align-items: center;
+            }
+
+            .period-value
+            {
+                font-weight: bold;
+                text-align: center;
+                border-radius: 4px;
+            }
+
+            .period-data
+            {
+                width: 280px;
+
+                display: grid;
+                grid-template-rows: auto;
+                justify-items: stretch;
+            }
+
+            .period-datum
+            {
+                text-align: center;
+                border-radius: 4px;
+                border-width: 1px;
+                border-style: solid;
+                border-color: transparent;
+            }
+
+            .active
+            {
+                border-color: transparent;
+            }
+
+            .fas
+            {
+                border-radius: 4px;
+                padding-left: 6px;
+                padding-right: 6px;
+                cursor: pointer;
+                font-weight: bold;
+            }
+
+            .clickable
+            {
+                transition: all 200ms;
+            }
+
+            .clickable:hover
+            {
+                border-color: transparent;
+                cursor: pointer;
+            }
+
+            .disabled
+            {
+                opacity: 0.4;
+                border-radius: 0;
+            }
+
+            .disabled:hover
+            {
+                cursor: not-allowed;
+            }
+
+            .today
+            {
+                border-color: #0077ff;
+            }
+
+            .active
+            {
+                background-color: #00c3ff;
+            }
+
+            .clickable:hover
+            {
+                background-color: #00e7ff;
+            }
+
+            .disabled:not(.active)
+            {
+                background-color: #CFCFCF;
+            }
+        }
+
+        month-picker
+        {
+            .period-data
+            {
+                grid-template-columns: repeat(4, 1fr);
+            }
+        }
+        
+        day-picker
+        {
+            .period-data
+            {
+                grid-template-columns: repeat(7, 1fr);
+            }
+    
+            .weekday
+            {
+                text-align: center;
+                font-weight: bold;
+                opacity: 0.7;
+                margin-bottom: 6px;
+            }
+    
+            .period-datum:not(.other-month)
+            {
+                font-weight: bold;
+            }
+    
+            .other-month
+            {
+                opacity: 0.5;
+            }
+
+            .weekend
+            {
+                color: #850000;
+            }
+        }
     }
 }

package/version.bak

@@ -1 +1 @@
-5.0.0-beta.20221020045240 
+5.0.0-beta.20221020124055 

package/es2015/src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=dayPicker.interfaces.js.map

package/es2015/src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dayPicker.interfaces.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["import {CommonPickerCssClasses} from '../../../../legacy/picker/interfaces';\n\n/**\n * Specific css classes for day picker\n */\nexport interface DayPickerCssClasses extends CommonPickerCssClasses\n{\n    /**\n     * Element displaying weekday name\n     */\n    weekdayName?: string;\n}"]}

package/es2020/src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=dayPicker.interfaces.js.map

package/es2020/src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dayPicker.interfaces.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["import {CommonPickerCssClasses} from '../../../../legacy/picker/interfaces';\n\n/**\n * Specific css classes for day picker\n */\nexport interface DayPickerCssClasses extends CommonPickerCssClasses\n{\n    /**\n     * Element displaying weekday name\n     */\n    weekdayName?: string;\n}"]}

package/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.css

@@ -1,27 +0,0 @@
-:host
-{
-    position: absolute;
-}
-
-.period-data
-{
-    grid-template-columns: repeat(7, 1fr);
-}
-
-.weekday
-{
-    text-align: center;
-    font-weight: bold;
-    opacity: 0.7;
-    margin-bottom: 6px;
-}
-
-.period-datum:not(.other-month)
-{
-    font-weight: bold;
-}
-
-.other-month
-{
-    opacity: 0.5;
-}

package/src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.d.ts

@@ -1,11 +0,0 @@
-import { CommonPickerCssClasses } from '../../../../legacy/picker/interfaces';
-/**
- * Specific css classes for day picker
- */
-export interface DayPickerCssClasses extends CommonPickerCssClasses {
-    /**
-     * Element displaying weekday name
-     */
-    weekdayName?: string;
-}
-//# sourceMappingURL=dayPicker.interfaces.d.ts.map

package/src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dayPicker.interfaces.d.ts","sourceRoot":"","sources":["dayPicker.interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,sCAAsC,CAAC;AAE5E;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;IAE/D;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB"}