kasper.space / date-picker-svelte
[READ-ONLY] Mirror of https://github.com/probablykasper/date-picker-svelte. Date and time picker for Svelte date-picker-svelte.kasper.space
calendar date date-picker date-time-picker datepicker package svelte time
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

Outline today on date picker (#49)

authored by

VladimirLakodei and committed by
GitHub (Mar 9, 2023, 10:36 AM +0100) bd8327a0 19128468

+12
+3
CHANGELOG.md
··· 1 1 # Changelog 2 2 3 + ## Next 4 + - Outline today in the date picker 5 + 3 6 ## 2.2.5 - 2022 Dec 13 4 7 - Fix month/year not updating when `value` is assigned to 5 8
+9
src/lib/DatePicker.svelte
··· 27 27 } 28 28 } 29 29 30 + const todayDate = new Date() 31 + 30 32 /** Default Date to use */ 31 33 const defaultDate = new Date() 32 34 ··· 301 303 class:selected={calendarDay.year === value?.getFullYear() && 302 304 calendarDay.month === value?.getMonth() && 303 305 calendarDay.number === value.getDate()} 306 + class:today={calendarDay.year === todayDate.getFullYear() && 307 + calendarDay.month === todayDate.getMonth() && 308 + calendarDay.number === todayDate.getDate()} 304 309 class:other-month={calendarDay.month !== browseMonth} 305 310 > 306 311 <span>{calendarDay.number}</span> ··· 428 433 border: 2px solid transparent 429 434 &:hover 430 435 border: 1px solid rgba(#808080, 0.08) 436 + &.today 437 + font-weight: 600 438 + border: 2px solid var(--date-picker-today-border, rgba(#808080, 0.3)) 439 + &:hover 431 440 background-color: rgba(#808080, 0.08) 432 441 &.disabled 433 442 visibility: hidden