@oneluiz/dual-datepicker 3.9.2 → 4.0.0

package/preset-utils.d.ts

@@ -1,91 +0,0 @@
-import { PresetConfig, PresetRange } from './dual-datepicker.component';
-/**
- * Get the start of today
- */
-export declare function getToday(): PresetRange;
-/**
- * Get yesterday's date range
- */
-export declare function getYesterday(): PresetRange;
-/**
- * Get last N days (including today)
- */
-export declare function getLastNDays(days: number): PresetRange;
-/**
- * Get this week (Monday to Sunday)
- */
-export declare function getThisWeek(): PresetRange;
-/**
- * Get last week (Monday to Sunday)
- */
-export declare function getLastWeek(): PresetRange;
-/**
- * Get this month (1st to last day)
- */
-export declare function getThisMonth(): PresetRange;
-/**
- * Get last month (1st to last day)
- */
-export declare function getLastMonth(): PresetRange;
-/**
- * Get month to date (1st of current month to today)
- */
-export declare function getMonthToDate(): PresetRange;
-/**
- * Get this quarter (Q1, Q2, Q3, or Q4)
- */
-export declare function getThisQuarter(): PresetRange;
-/**
- * Get last quarter
- */
-export declare function getLastQuarter(): PresetRange;
-/**
- * Get quarter to date (start of current quarter to today)
- */
-export declare function getQuarterToDate(): PresetRange;
-/**
- * Get this year (January 1 to December 31)
- */
-export declare function getThisYear(): PresetRange;
-/**
- * Get last year
- */
-export declare function getLastYear(): PresetRange;
-/**
- * Get year to date (January 1 to today)
- */
-export declare function getYearToDate(): PresetRange;
-/**
- * Get last N months (including current partial month)
- */
-export declare function getLastNMonths(months: number): PresetRange;
-/**
- * Get last N years
- */
-export declare function getLastNYears(years: number): PresetRange;
-/**
- * Pre-built preset configurations for common use cases
- * Import and use these directly in your component
- */
-export declare const CommonPresets: {
-    /**
-     * Dashboard presets - Perfect for analytics dashboards
-     */
-    dashboard: PresetConfig[];
-    /**
-     * Reporting presets - Perfect for business reporting
-     */
-    reporting: PresetConfig[];
-    /**
-     * Financial presets - Perfect for ERP and accounting systems
-     */
-    financial: PresetConfig[];
-    /**
-     * Analytics presets - Perfect for BI and data analysis
-     */
-    analytics: PresetConfig[];
-    /**
-     * Simple presets - Basic common ranges
-     */
-    simple: PresetConfig[];
-};

package/src/themes/bootstrap.scss

@@ -1,202 +0,0 @@
-/**
- * Bootstrap Theme for ng-dual-datepicker
- * 
- * Import this file in your styles.scss to apply Bootstrap styling:
- * @import '@oneluiz/dual-datepicker/themes/bootstrap';
- * 
- * Make sure you have Bootstrap CSS already loaded in your project.
- */
-
-.datepicker-wrapper.theme-bootstrap {
-  
-  .datepicker-input {
-    display: block;
-    width: 100%;
-    padding: 0.375rem 0.75rem;
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: #212529;
-    background-color: #fff;
-    background-clip: padding-box;
-    border: 1px solid #dee2e6;
-    border-radius: 0.375rem;
-    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-    cursor: pointer;
-    
-    &:hover {
-      border-color: #86b7fe;
-    }
-    
-    &:focus {
-      color: #212529;
-      background-color: #fff;
-      border-color: #86b7fe;
-      outline: 0;
-      box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
-    }
-
-    &::placeholder {
-      color: #6c757d;
-      opacity: 1;
-    }
-
-    &:disabled,
-    &[readonly] {
-      background-color: #e9ecef;
-      opacity: 1;
-    }
-  }
-
-  .date-picker-dropdown {
-    background: #fff;
-    border: 1px solid #dee2e6;
-    border-radius: 0.375rem;
-    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
-  }
-
-  .date-picker-presets {
-    button {
-      background-color: #fff;
-      border: 1px solid #dee2e6;
-      color: #0d6efd;
-      padding: 0.375rem 0.75rem;
-      border-radius: 0.375rem;
-      font-size: 0.875rem;
-      font-weight: 500;
-      cursor: pointer;
-      transition: all 0.15s ease-in-out;
-
-      &:hover {
-        background-color: #0d6efd;
-        border-color: #0d6efd;
-        color: #fff;
-      }
-
-      &:active,
-      &:focus {
-        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
-      }
-    }
-
-    .btn-close-calendar {
-      background-color: #fff;
-      border: 1px solid #dee2e6;
-      color: #dc3545;
-      
-      &:hover {
-        background-color: #dc3545;
-        border-color: #dc3545;
-        color: #fff;
-      }
-    }
-  }
-
-  .date-picker-header {
-    button {
-      background-color: #fff;
-      border: 1px solid #dee2e6;
-      color: #212529;
-      border-radius: 0.375rem;
-      padding: 0.25rem 0.5rem;
-      
-      &:hover {
-        background-color: #e9ecef;
-        border-color: #dee2e6;
-      }
-    }
-  }
-
-  .day {
-    color: #212529;
-    border-radius: 0.375rem;
-    
-    &:hover:not(.disabled):not(.selected):not(.in-range) {
-      background-color: #e9ecef;
-    }
-
-    &.selected {
-      background-color: #0d6efd;
-      color: #fff;
-      font-weight: 600;
-    }
-
-    &.in-range {
-      background-color: rgba(13, 110, 253, 0.1);
-      color: #0d6efd;
-    }
-
-    &.today {
-      border: 2px solid #0d6efd;
-      font-weight: 600;
-    }
-
-    &.disabled {
-      color: #6c757d;
-      background-color: transparent;
-      cursor: not-allowed;
-      opacity: 0.5;
-    }
-  }
-
-  .selected-ranges {
-    .range-tag {
-      background-color: #0d6efd;
-      color: #fff;
-      border: none;
-      border-radius: 0.375rem;
-      padding: 0.25rem 0.75rem;
-      font-size: 0.875rem;
-    }
-
-    .btn-remove {
-      background-color: transparent;
-      border: none;
-      color: #fff;
-      
-      &:hover {
-        color: #dc3545;
-      }
-    }
-  }
-
-  .date-picker-footer {
-    border-top: 1px solid #dee2e6;
-
-    .btn-clear,
-    .btn-cancel {
-      background-color: #fff;
-      border: 1px solid #dee2e6;
-      color: #6c757d;
-      padding: 0.375rem 0.75rem;
-      border-radius: 0.375rem;
-      
-      &:hover {
-        background-color: #e9ecef;
-        border-color: #dee2e6;
-        color: #495057;
-      }
-    }
-
-    .btn-apply {
-      background-color: #0d6efd;
-      border: 1px solid #0d6efd;
-      color: #fff;
-      padding: 0.375rem 0.75rem;
-      border-radius: 0.375rem;
-      font-weight: 500;
-      
-      &:hover {
-        background-color: #0b5ed7;
-        border-color: #0a58ca;
-      }
-
-      &:disabled {
-        background-color: #6c757d;
-        border-color: #6c757d;
-        opacity: 0.65;
-        cursor: not-allowed;
-      }
-    }
-  }
-}

package/src/themes/bulma.scss

@@ -1,209 +0,0 @@
-/**
- * Bulma Theme for ng-dual-datepicker
- * 
- * Import this file in your styles.scss to apply Bulma styling:
- * @import '@oneluiz/dual-datepicker/themes/bulma';
- * 
- * Make sure you have Bulma CSS already loaded in your project.
- */
-
-.datepicker-wrapper.theme-bulma {
-  
-  .datepicker-input {
-    display: block;
-    width: 100%;
-    padding: calc(0.5em - 1px) calc(0.75em - 1px);
-    font-size: 1rem;
-    line-height: 1.5;
-    color: #363636;
-    background-color: #fff;
-    border: 1px solid #dbdbdb;
-    border-radius: 4px;
-    box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
-    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-    cursor: pointer;
-    
-    &:hover {
-      border-color: #b5b5b5;
-    }
-    
-    &:focus {
-      border-color: #3273dc;
-      box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
-      outline: 0;
-    }
-
-    &::placeholder {
-      color: #b5b5b5;
-    }
-
-    &:disabled,
-    &[readonly] {
-      background-color: #f5f5f5;
-      border-color: #f5f5f5;
-      box-shadow: none;
-      color: #7a7a7a;
-      opacity: 1;
-    }
-  }
-
-  .date-picker-dropdown {
-    background: #fff;
-    border: 1px solid #dbdbdb;
-    border-radius: 6px;
-    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02);
-  }
-
-  .date-picker-presets {
-    button {
-      background-color: #fff;
-      border: 1px solid #dbdbdb;
-      color: #3273dc;
-      padding: calc(0.5em - 1px) 1em;
-      border-radius: 4px;
-      font-size: 0.875rem;
-      font-weight: 600;
-      cursor: pointer;
-      transition: all 0.15s ease-in-out;
-
-      &:hover {
-        background-color: #3273dc;
-        border-color: #3273dc;
-        color: #fff;
-      }
-
-      &:active,
-      &:focus {
-        box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
-        outline: 0;
-      }
-    }
-
-    .btn-close-calendar {
-      background-color: #fff;
-      border: 1px solid #dbdbdb;
-      color: #f14668;
-      
-      &:hover {
-        background-color: #f14668;
-        border-color: #f14668;
-        color: #fff;
-      }
-    }
-  }
-
-  .date-picker-header {
-    button {
-      background-color: #fff;
-      border: 1px solid #dbdbdb;
-      color: #363636;
-      border-radius: 4px;
-      padding: 0.25em 0.5em;
-      
-      &:hover {
-        background-color: #f5f5f5;
-        border-color: #b5b5b5;
-      }
-
-      &:focus {
-        border-color: #3273dc;
-        box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
-      }
-    }
-  }
-
-  .day {
-    color: #363636;
-    border-radius: 4px;
-    
-    &:hover:not(.disabled):not(.selected):not(.in-range) {
-      background-color: #f5f5f5;
-    }
-
-    &.selected {
-      background-color: #3273dc;
-      color: #fff;
-      font-weight: 600;
-    }
-
-    &.in-range {
-      background-color: rgba(50, 115, 220, 0.1);
-      color: #3273dc;
-    }
-
-    &.today {
-      border: 2px solid #3273dc;
-      font-weight: 600;
-    }
-
-    &.disabled {
-      color: #b5b5b5;
-      background-color: transparent;
-      cursor: not-allowed;
-      opacity: 0.5;
-    }
-  }
-
-  .selected-ranges {
-    .range-tag {
-      background-color: #3273dc;
-      color: #fff;
-      border: none;
-      border-radius: 4px;
-      padding: 0.25em 0.75em;
-      font-size: 0.875rem;
-    }
-
-    .btn-remove {
-      background-color: transparent;
-      border: none;
-      color: #fff;
-      
-      &:hover {
-        color: #f14668;
-      }
-    }
-  }
-
-  .date-picker-footer {
-    border-top: 1px solid #dbdbdb;
-
-    .btn-clear,
-    .btn-cancel {
-      background-color: #fff;
-      border: 1px solid #dbdbdb;
-      color: #7a7a7a;
-      padding: calc(0.5em - 1px) 1em;
-      border-radius: 4px;
-      
-      &:hover {
-        background-color: #f5f5f5;
-        border-color: #b5b5b5;
-        color: #363636;
-      }
-    }
-
-    .btn-apply {
-      background-color: #3273dc;
-      border: 1px solid transparent;
-      color: #fff;
-      padding: calc(0.5em - 1px) 1em;
-      border-radius: 4px;
-      font-weight: 600;
-      
-      &:hover {
-        background-color: #2366d1;
-      }
-
-      &:focus {
-        box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
-      }
-
-      &:disabled {
-        background-color: #7a7a7a;
-        opacity: 0.5;
-        cursor: not-allowed;
-      }
-    }
-  }
-}