@react-aria/calendar
Advanced tools
Comparing version
@@ -47,2 +47,6 @@ import { AriaButtonProps } from "@react-types/button"; | ||
weekdayStyle?: 'narrow' | 'short' | 'long'; | ||
/** | ||
* The day that starts the week. | ||
*/ | ||
firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat'; | ||
} | ||
@@ -49,0 +53,0 @@ export interface CalendarGridAria { |
@@ -29,3 +29,3 @@ var $df1d8e967e73ec8e$exports = require("./utils.main.js"); | ||
function $a07388a797d86b95$export$cb95147730a423f5(props, state) { | ||
let { startDate: startDate = state.visibleRange.start, endDate: endDate = state.visibleRange.end } = props; | ||
let { startDate: startDate = state.visibleRange.start, endDate: endDate = state.visibleRange.end, firstDayOfWeek: firstDayOfWeek } = props; | ||
let { direction: direction } = (0, $iASLq$reactariai18n.useLocale)(); | ||
@@ -105,3 +105,3 @@ let onKeyDown = (e)=>{ | ||
let weekDays = (0, $iASLq$react.useMemo)(()=>{ | ||
let weekStart = (0, $iASLq$internationalizeddate.startOfWeek)((0, $iASLq$internationalizeddate.today)(state.timeZone), locale); | ||
let weekStart = (0, $iASLq$internationalizeddate.startOfWeek)((0, $iASLq$internationalizeddate.today)(state.timeZone), locale, firstDayOfWeek); | ||
return [ | ||
@@ -119,3 +119,4 @@ ...new Array(7).keys() | ||
state.timeZone, | ||
dayFormatter | ||
dayFormatter, | ||
firstDayOfWeek | ||
]); | ||
@@ -122,0 +123,0 @@ return { |
@@ -23,3 +23,3 @@ import {hookData as $a074e1e2d0f0a665$export$653eddfc964b0f8a, useVisibleRangeDescription as $a074e1e2d0f0a665$export$31afe65d91ef6e8} from "./utils.module.js"; | ||
function $e3031d1f8c9d64eb$export$cb95147730a423f5(props, state) { | ||
let { startDate: startDate = state.visibleRange.start, endDate: endDate = state.visibleRange.end } = props; | ||
let { startDate: startDate = state.visibleRange.start, endDate: endDate = state.visibleRange.end, firstDayOfWeek: firstDayOfWeek } = props; | ||
let { direction: direction } = (0, $NQfxu$useLocale)(); | ||
@@ -99,3 +99,3 @@ let onKeyDown = (e)=>{ | ||
let weekDays = (0, $NQfxu$useMemo)(()=>{ | ||
let weekStart = (0, $NQfxu$startOfWeek)((0, $NQfxu$today)(state.timeZone), locale); | ||
let weekStart = (0, $NQfxu$startOfWeek)((0, $NQfxu$today)(state.timeZone), locale, firstDayOfWeek); | ||
return [ | ||
@@ -113,3 +113,4 @@ ...new Array(7).keys() | ||
state.timeZone, | ||
dayFormatter | ||
dayFormatter, | ||
firstDayOfWeek | ||
]); | ||
@@ -116,0 +117,0 @@ return { |
{ | ||
"name": "@react-aria/calendar", | ||
"version": "3.0.0-nightly-50c7ada5d-241223", | ||
"version": "3.0.0-nightly-527c98a84-250305", | ||
"description": "Spectrum UI components in React", | ||
@@ -25,11 +25,11 @@ "license": "Apache-2.0", | ||
"dependencies": { | ||
"@internationalized/date": "3.0.0-nightly-50c7ada5d-241223", | ||
"@react-aria/i18n": "3.0.0-nightly-50c7ada5d-241223", | ||
"@react-aria/interactions": "3.0.0-nightly-50c7ada5d-241223", | ||
"@react-aria/live-announcer": "3.0.0-nightly-50c7ada5d-241223", | ||
"@react-aria/utils": "3.0.0-nightly-50c7ada5d-241223", | ||
"@react-stately/calendar": "3.0.0-nightly-50c7ada5d-241223", | ||
"@react-types/button": "3.0.0-nightly-50c7ada5d-241223", | ||
"@react-types/calendar": "3.0.0-nightly-50c7ada5d-241223", | ||
"@react-types/shared": "3.0.0-nightly-50c7ada5d-241223", | ||
"@internationalized/date": "3.0.0-nightly-527c98a84-250305", | ||
"@react-aria/i18n": "3.0.0-nightly-527c98a84-250305", | ||
"@react-aria/interactions": "3.0.0-nightly-527c98a84-250305", | ||
"@react-aria/live-announcer": "3.0.0-nightly-527c98a84-250305", | ||
"@react-aria/utils": "3.0.0-nightly-527c98a84-250305", | ||
"@react-stately/calendar": "3.0.0-nightly-527c98a84-250305", | ||
"@react-types/button": "3.0.0-nightly-527c98a84-250305", | ||
"@react-types/calendar": "3.0.0-nightly-527c98a84-250305", | ||
"@react-types/shared": "3.0.0-nightly-527c98a84-250305", | ||
"@swc/helpers": "^0.5.0" | ||
@@ -36,0 +36,0 @@ }, |
@@ -39,3 +39,7 @@ /* | ||
*/ | ||
weekdayStyle?: 'narrow' | 'short' | 'long' | ||
weekdayStyle?: 'narrow' | 'short' | 'long', | ||
/** | ||
* The day that starts the week. | ||
*/ | ||
firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat' | ||
} | ||
@@ -60,3 +64,4 @@ | ||
startDate = state.visibleRange.start, | ||
endDate = state.visibleRange.end | ||
endDate = state.visibleRange.end, | ||
firstDayOfWeek | ||
} = props; | ||
@@ -142,3 +147,3 @@ | ||
let weekDays = useMemo(() => { | ||
let weekStart = startOfWeek(today(state.timeZone), locale); | ||
let weekStart = startOfWeek(today(state.timeZone), locale, firstDayOfWeek); | ||
return [...new Array(7).keys()].map((index) => { | ||
@@ -149,3 +154,3 @@ let date = weekStart.add({days: index}); | ||
}); | ||
}, [locale, state.timeZone, dayFormatter]); | ||
}, [locale, state.timeZone, dayFormatter, firstDayOfWeek]); | ||
@@ -152,0 +157,0 @@ return { |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
478574
0.21%4981
0.24%+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
Updated
Updated
Updated
Updated