@colijnit/corecomponents_v12 257.1.17 → 257.1.18

package/lib/components/calendar/style/_layout.scss

@@ -25,7 +25,7 @@
       align-items: center;
       margin-bottom: $cc-co-calendar-header-margin-bottom;
       user-select: none;
-      padding: 10px;
+      padding: 10px 15px;
 
       .calendar-change-month-button {
         cursor: pointer;
@@ -91,10 +91,10 @@
           background-color: $cc-co-calendar-day-hover-background-color;
           border-radius: $cc-co-calendar-selected-day-start-border-radius;
           position: absolute;
-          top: 0;
-          left: -5px;
-          width: 40px;
-          height: 40px;
+          top: -2px;
+          left: -2px;
+          width: 34px;
+          height: 34px;
           content: '';
           z-index: 0;
         }
@@ -155,10 +155,10 @@
         background-color: $cc-co-calendar-selected-day-background-color;
         border-radius: $cc-co-calendar-selected-day-start-border-radius;
         position: absolute;
-        top: 0;
-        left: -5px;
-        width: 40px;
-        height: 40px;
+        top: -2px;
+        left: -2px;
+        width: 34px;
+        height: 34px;
         content: '';
         z-index: 1;
       }
@@ -190,13 +190,13 @@
   .selected-date-display {
     display: flex;
     flex-direction: column;
-    padding: 15px;
+    padding: 10px;
     background: $cc-co-calendar-selected-day-background-color;
     color: #FFF;
-    font-size: 16px;
-    min-height: 85px;
+    font-size: 14px;
+    min-height: 65px;
     .selected-date-day {
-      font-size: 30px;
+      font-size: 24px;
     }
   }
   .calendar-action-buttons {
@@ -204,7 +204,7 @@
     flex-direction: column;
     align-items: flex-end;
     gap: 15px;
-    padding: 15px 20px;
+    padding: 10px 20px 15px 20px;
     font-size: 12px;
     color: $cc-co-calendar-selected-day-background-color;
     cursor: pointer;

package/lib/components/calendar/style/_material-definition.scss

@@ -4,18 +4,18 @@ $cc-co-calendar-padding: 0 !default;
 $cc-co-calendar-background-color: white !default;
 $cc-co-calendar-border-radius: 5px !default;
 $cc-co-calendar-border: 1px solid #CCCCCC !default;
-$cc-co-calendar-header-margin-bottom: 5px !default;
+$cc-co-calendar-header-margin-bottom: 0 !default;
 $cc-co-calendar-change-month-button-border-radius: 5px !default;
 $cc-co-calendar-change-month-button-border: 0px solid #CCCCCC !default;
 $cc-co-calendar-change-month-button-padding: 5px !default;
 $cc-co-calendar-header-title-font-size: 14px !default;
-$cc-co-calendar-day-height: 40px !default;
+$cc-co-calendar-day-height: 30px !default;
 $cc-co-calendar-day-margin: 2px 0 !default;
 $cc-co-calendar-day-hover-background-color: #f8f8fa !default;
 $cc-co-calendar-day-hover-color: white !default;
 $cc-co-calendar-day-selected-background-color: $cc-color-action !default;
 $cc-co-calendar-day-selected-color: $cc-color-light !default;
-$cc-co-calendar-week-number-height: 40px !default;
+$cc-co-calendar-week-number-height: 30px !default;
 $cc-co-calendar-week-number-margin: 0 2px 0 0 !default;
 $cc-co-calendar-week-number-font-size: 10px !default;
 $cc-co-calendar-week-number-width: 30px !default;

package/lib/components/input-date-picker/input-date-picker.component.d.ts

@@ -5,6 +5,8 @@ export declare class InputDatePickerComponent extends BaseInputDatePickerDirecti
     showClass(): boolean;
     handleDateSelected(date: Date): void;
     toggleCalendar(show: boolean): void;
+    finalizeDate(): void;
+    private isValidDateString;
     handleDateChange(value: string): void;
     protected modelSet(): void;
     private setModelAsString;

package/lib/components/input-date-range-picker/input-date-range-picker.component.d.ts

@@ -3,6 +3,8 @@ import { BaseInputDatePickerDirective } from "../base-input-date-picker/base-inp
 export declare class InputDateRangePickerComponent extends BaseInputDatePickerDirective {
     firstDateAsString: any;
     secondDateAsString: any;
+    private readonly EARLIEST_DATE;
+    private readonly LATEST_DATE;
     private _doubleCalendarComponentRef;
     firstInput: ElementRef;
     secondInput: ElementRef;
@@ -15,6 +17,9 @@ export declare class InputDateRangePickerComponent extends BaseInputDatePickerDi
     toggleCalendar(): void;
     handleFirstDateChanged(value: string): void;
     handleSecondDateChanged(value: string): void;
+    finalizeDates(): void;
+    private isValidDateString;
     protected modelSet(): void;
     private setModelAsString;
+    private formatDate;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/corecomponents_v12",
-  "version": "257.1.17",
+  "version": "257.1.18",
   "description": "Colijn IT core components for Angular 12",
   "private": false,
   "peerDependencies": {