bs-ad-calendar-react 1.2.1 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bs-ad-calendar.css +1 -1
- package/dist/bs-ad-calendar.js +834 -1569
- package/dist/bs-ad-calendar.umd.cjs +1 -14
- package/dist/components/RangeTab.d.ts +3 -3
- package/dist/index.d.ts +2 -1
- package/dist/types/index.d.ts +5 -4
- package/package.json +8 -4
package/dist/bs-ad-calendar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.bsac-datepicker{position:relative;display:flex;align-items:center;width:100%}.bsac-input{flex:1;width:100%;padding:10px 40px 10px 12px;border:1px solid var(--datepicker-border, #d1d5db);border-radius:var(--datepicker-radius, 6px);font-size:var(--datepicker-font-size, 14px);cursor:pointer;background:var(--datepicker-background, white);color:var(--datepicker-text, #1f2937);transition:border-color .2s,box-shadow .2s;box-sizing:border-box;outline:none}.bsac-input:hover{border-color:var(--datepicker-border-hover, #9ca3af)}.bsac-input:focus{border-color:var(--datepicker-border-focus, #3b82f6);box-shadow:0 0 0 3px var(--datepicker-focus-ring, rgba(59, 130, 246, .1))}.bsac-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.bsac-icon-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--datepicker-icon, #6b7280);transition:color .2s}.bsac-icon-btn:hover{color:var(--datepicker-icon-hover, #3b82f6)}.bsac-icon-btn:disabled{cursor:not-allowed;opacity:.5}.bsac-popup{position:fixed;z-index:9999;box-shadow:0 10px 25px #0000004d;border-radius:8px;background:var(--calendar-background, white);min-width:280px;max-height:90vh;overflow-y:auto}.bsac-calendar{background:var(--calendar-background, white);border:1px solid var(--calendar-border, #e5e7eb);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;padding:16px;font-family:system-ui,-apple-system,sans-serif;color:var(--calendar-text, #1f2937);min-width:280px}.bsac-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.bsac-nav-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s;color:var(--calendar-text, #1f2937);font-size:18px;font-weight:700;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.bsac-nav-btn:hover:not(:disabled){background-color:var(--calendar-hover, #f3f4f6)}.bsac-nav-btn:disabled{opacity:.5;cursor:not-allowed}.bsac-month-year-btn{font-weight:600;font-size:16px;color:var(--calendar-text, #1f2937);background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .2s}.bsac-month-year-btn:hover:not(:disabled){background-color:var(--calendar-hover, #f3f4f6)}.bsac-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.bsac-day-header{text-align:center;font-weight:500;font-size:12px;color:var(--calendar-disabled, #6b7280);padding:8px 4px}.bsac-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:all .2s;font-size:14px;color:var(--calendar-text, #1f2937);min-height:32px}.bsac-day:hover:not(.bsac-day-disabled):not(.bsac-day-empty){background-color:var(--calendar-hover, #f3f4f6)}.bsac-day-selected{background-color:var(--calendar-selected, #3b82f6)!important;color:#fff!important}.bsac-day-today{background-color:var(--calendar-today, #dbeafe);color:var(--calendar-primary, #1d4ed8);font-weight:600}.bsac-day-in-range{background-color:var(--calendar-hover, #eff6ff);color:var(--calendar-primary, #1d4ed8)}.bsac-day-disabled{color:var(--calendar-disabled, #d1d5db);cursor:not-allowed}.bsac-day-empty{cursor:default}.bsac-picker-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10000}.bsac-picker-content{background:var(--calendar-background, white);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;width:90%;max-width:400px;max-height:90vh;overflow:auto;color:var(--calendar-text, #1f2937)}.bsac-picker-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--calendar-border, #e5e7eb)}.bsac-picker-header h3{margin:0;font-size:16px;font-weight:600}.bsac-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.bsac-close-btn:hover{background:#f3f4f6}.bsac-picker-body{padding:16px}.bsac-picker-section{margin-bottom:20px}.bsac-picker-section:last-child{margin-bottom:0}.bsac-picker-section label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--calendar-text, #374151)}.bsac-picker-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bsac-year-nav{display:flex;align-items:center;gap:8px}.bsac-year-nav button{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:16px;color:var(--calendar-primary, #3b82f6)}.bsac-year-nav button:hover:not(:disabled){background:var(--calendar-hover, #eff6ff)}.bsac-year-nav button:disabled{opacity:.3;cursor:not-allowed}.bsac-year-nav span{font-size:13px;font-weight:500;min-width:80px;text-align:center}.bsac-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bsac-year-grid button{padding:10px;border:1px solid var(--calendar-border, #e5e7eb);background:var(--calendar-background, white);color:var(--calendar-text, #1f2937);border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.bsac-year-grid button:hover{background:var(--calendar-hover, #f3f4f6)}.bsac-year-grid button.bsac-selected{background:var(--calendar-selected, #3b82f6);color:#fff;border-color:var(--calendar-selected, #3b82f6)}.bsac-month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bsac-month-grid button{padding:12px;border:1px solid var(--calendar-border, #e5e7eb);background:var(--calendar-background, white);color:var(--calendar-text, #1f2937);border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.bsac-month-grid button:hover{background:var(--calendar-hover, #f3f4f6)}.bsac-month-grid button.bsac-selected{background:var(--calendar-selected, #3b82f6);color:#fff;border-color:var(--calendar-selected, #3b82f6)}.bsac-calendar[data-theme=dark]{--calendar-primary: #60a5fa;--calendar-background: #1f2937;--calendar-text: #f9fafb;--calendar-border: #374151;--calendar-hover: #374151;--calendar-selected: #3b82f6;--calendar-today: #1e40af;--calendar-disabled: #6b7280}.bsac-presets{display:flex;gap:8px;padding:12px;background:var(--presets-background, var(--calendar-hover, #f8f9fa));border-radius:6px;border:1px solid var(--presets-border, var(--calendar-border, #e9ecef));flex-shrink:0}.bsac-presets--top,.bsac-presets--bottom{flex-direction:row;flex-wrap:wrap;margin-bottom:0}.bsac-presets--top{margin-bottom:16px}.bsac-presets--bottom{margin-top:16px}.bsac-presets--left,.bsac-presets--right{flex-direction:column;flex-wrap:nowrap;min-width:150px;max-width:180px}.bsac-preset-btn{padding:6px 12px;font-size:12px;border:1px solid var(--preset-btn-border, var(--calendar-border, #dee2e6));border-radius:4px;background:var(--preset-btn-background, var(--calendar-background, #ffffff));color:var(--preset-btn-text, var(--calendar-text, #495057));cursor:pointer;transition:all .2s;white-space:nowrap}.bsac-preset-btn:hover{background:var(--preset-btn-active-background, var(--calendar-selected, #007bff));color:var(--preset-btn-active-text, white);border-color:var(--preset-btn-active-background, var(--calendar-selected, #007bff))}.bsac-preset-btn--active{background:var(--preset-btn-active-background, var(--calendar-selected, #007bff))!important;color:var(--preset-btn-active-text, white)!important;border-color:var(--preset-btn-active-background, var(--calendar-selected, #007bff))!important}
|