![Create React App Officially Deprecated Amid React 19 Compatibility Issues](https://cdn.sanity.io/images/cgdhsj6q/production/04fa08cf844d798abc0e1a6391c129363cc7e2ab-1024x1024.webp?w=400&fit=max&auto=format)
Security News
Create React App Officially Deprecated Amid React 19 Compatibility Issues
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.
vue-renderless-calendar
Advanced tools
Zero dependency Vue renderless calendar with scoped-slots API
npm i vue-renderless-calendar
yarn add vue-renderless-calendar
Main wrapper component which contains state of the calendar and other helpful data
Prop | Required | Type | Default | Description |
---|---|---|---|---|
viewMode | false | String | 'single', 'double', 'infinite' | |
mode | false | String | 'single', 'range' | |
locale | false | Object or String | navigator.language | Locale string (e.g. 'ru'), it will automatically generate locale object using Date.prototype.toLocaleString , otherwise you can provide this object manually |
minDate | false | String | '' | Minimal valid date (YYYY-MM-DDD ) |
maxDate | false | String | '' | Maximal valid date (YYYY-MM-DDD ) |
preventOutOfRange | false | Boolean | true | Prevent user go out of valid dates range |
dateSelectStrategy | false | Function | null | If you want custom behaviour for handling date select, you can implement this function |
defaultSelectedDates | false | Array | [] | Array of date strings with YYYY-MM-DDD format |
captureHover | false | Boolean | true | captureHover prop is used for computing dates which are between selected date and current hovered date |
captureThirdDate | false | Boolean | false | captureThirdDate prop is used for capturing dates between in case when 2 dates already selected and you have third element hovered |
disabledDates | false | Array | [] | Array of YYYY-MM-DDD strings containing dates that can't be selected |
markedDates | false | Array | [] | Array of YYYY-MM-DDD strings with special meaning, that later will be accessed via isMarked modifier |
Property | Type | Description |
---|---|---|
weekDayNames | Array | List of week days with short and full titles from locale object |
monthNames | Array | List of months with short and full titles from locale object |
monthsList | Array | List of months which can be used for rendering months with possibility for changing current month view of calendar using setMonth method |
calendar | Array | Array of months with month , year number and array of dates |
selectedDates | Array<CalendarDate> | Array of current selected dates |
currentMonth | Number | |
currentYear | Number | |
canGoToPrevMonth | Boolean | |
canGoToNextMonth | Boolean |
Property | Arguments | Description |
---|---|---|
prevPage | - | Go to previous view iteration |
nextPage | - | Go to next view iteration |
resetDates | - | Set selectedDates to [] |
setMonth | monthListItem | Update views current active month |
onDateMouseOut | - | Reset current hovered date |
onDateMouseOver | CalendarDate | Set current hovered date |
onDateSelect | CalendarDate | Append selected date to selectedDates array using "date select strategy" |
getModifiers | CalendarDate | Returns |
Event name | Payload |
---|---|
onDateChange | Array<CalendarDate> |
Object containing boolean properties that can be useful for computing styles
Property | Type | Description |
---|---|---|
isSelected | Boolean | |
isBetween | Boolean | |
isDisabled | Boolean | |
isMarked | Boolean | |
isFirst | Boolean | is first selected date |
isLast | Boolean | is last selected date |
isOneDayAfter | Boolean | is one day after selected date |
isOneDayBefore | Boolean | is one date before selected date |
isOneDayBeforeFirst | Boolean | |
isOneDayAfterFirst | Boolean | |
isOneDayBeforeLast | Boolean | |
isOneDayAfterLast | Boolean |
Class representing information about date
Property | Type | Description |
---|---|---|
year | Number | |
month | Number | 0-11 |
day | Number | 1-31 |
actualMonthNumber | Number | Number of month with index correction |
formatted | String | YYYY-MM-DD |
isWeekend | Boolean | |
isToday | Boolean | |
isOtherMonthDay | Boolean | This field can be used to find out that this is the date from previous or next month |
v2.2.0
FAQs
Zero dependency Vue renderless calendar with scoped-slots API
The npm package vue-renderless-calendar receives a total of 4 weekly downloads. As such, vue-renderless-calendar popularity was classified as not popular.
We found that vue-renderless-calendar demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.
Security News
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
Security News
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.