Astrian/datenel-vue3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dev #4

Merged
Astrian merged 4 commits from dev into main 2025-02-26 00:35:56 +00:00
Conversation 0 Commits 4 Files Changed 5 +10 -10
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 9890221c85 - Show all commits

12
src/components/SingleDatePicker.vue
View File

@ -3,7 +3,7 @@
* @name SingleDatePicker * @name SingleDatePicker
* @description A panel that allows users to select a date. * @description A panel that allows users to select a date.
* @component * @component
* @see {@link https://datenel.js.org/guide/vue/components/SingleDatePicker.html} * @see {@link https://datenel.js.org/guide/vue3/components/SingleDatePicker.html}
*/ */
export default { export default {
name: 'SingleDatePicker', name: 'SingleDatePicker',
@ -38,7 +38,7 @@ const props = defineProps({
* - `hoverColor`: The hover color of the panel, including the hover background color of the date. * - `hoverColor`: The hover color of the panel, including the hover background color of the date.
* - `reversedColor`: The reversed color of the panel, including the text color of the selected date. * - `reversedColor`: The reversed color of the panel, including the text color of the selected date.
* *
* @see {@link https://datenel.js.org/guide/vue/components/SingleDatePicker.html#colorscheme} * @see {@link https://datenel.js.org/guide/vue3/components/SingleDatePicker.html#colorscheme}
* *
* @default { mainColor: '#000000', accentColor: '#000000', borderColor: '#e0e0e0', hoverColor: '#00000017', reversedColor: '#ffffff' } * @default { mainColor: '#000000', accentColor: '#000000', borderColor: '#e0e0e0', hoverColor: '#00000017', reversedColor: '#ffffff' }
*/ */
@ -61,7 +61,7 @@ const props = defineProps({
* that it will not effect to the screen reader, but the screen reader will still read the * that it will not effect to the screen reader, but the screen reader will still read the
* date in the user’s language. * date in the user’s language.
* *
* @see {@link https://datenel.js.org/guide/vue/components/SingleDatePicker.html#localization} * @see {@link https://datenel.js.org/guide/vue3/components/SingleDatePicker.html#localization}
* @default navigator.language * @default navigator.language
*/ */
localization: { localization: {
@ -75,7 +75,7 @@ const props = defineProps({
* date programmatically, including situations like provide a default value or control the selected * date programmatically, including situations like provide a default value or control the selected
* date by parent component. * date by parent component.
* *
* @see {@link https://datenel.js.org/guide/vue/components/SingleDatePicker.html#value} * @see {@link https://datenel.js.org/guide/vue3/components/SingleDatePicker.html#value}
* *
* @example new Date(2025, 0, 1) * @example new Date(2025, 0, 1)
* @default undefined (the panel will be in read-only mode) * @default undefined (the panel will be in read-only mode)
@ -92,7 +92,7 @@ const props = defineProps({
* *
* The parameter will be ignored if the array length is not 2. * The parameter will be ignored if the array length is not 2.
* *
* @see {@link https://datenel.js.org/guide/vue/components/SingleDatePicker.html#availablerange} * @see {@link https://datenel.js.org/guide/vue3/components/SingleDatePicker.html#availablerange}
* *
* @example [new Date(2025, 0, 1), new Date(2025, 11, 31)] * @example [new Date(2025, 0, 1), new Date(2025, 11, 31)]
* @example [new Date(2025, 0, 1), null] * @example [new Date(2025, 0, 1), null]
@ -110,7 +110,7 @@ const props = defineProps({
* that the close button is not visible, but can be read by screen reader. The close * that the close button is not visible, but can be read by screen reader. The close
* button for the screen reader is only available when this prop is not `undefined`. * button for the screen reader is only available when this prop is not `undefined`.
* *
* @see {@link https://datenel.js.org/guide/vue/components/SingleDatePicker.html#onclose-void} * @see {@link https://datenel.js.org/guide/vue3/components/SingleDatePicker.html#onclose-void}
* *
* @default undefined * @default undefined
*/ */

8
src/components/SingleWeekPicker.vue
View File

@ -3,7 +3,7 @@
* @name SingleWeekPicker * @name SingleWeekPicker
* @description A panel that allows users to select a week. * @description A panel that allows users to select a week.
* @component * @component
* @see {@link https://datenel.js.org/guide/vue/components/SingleWeekPicker.html} * @see {@link https://datenel.js.org/guide/vue3/components/SingleWeekPicker.html}
*/ */
export default { export default {
name: 'SingleDatePicker', name: 'SingleDatePicker',
@ -46,7 +46,7 @@ const props = defineProps({
* - `hoverColor`: The hover color of the panel, including the hover background color of the date. * - `hoverColor`: The hover color of the panel, including the hover background color of the date.
* - `reversedColor`: The reversed color of the panel, including the text color of the selected date. * - `reversedColor`: The reversed color of the panel, including the text color of the selected date.
* *
* @see {@link https://datenel.js.org/guide/vue/components/SingleWeekPicker.html#colorscheme} * @see {@link https://datenel.js.org/guide/vue3/components/SingleWeekPicker.html#colorscheme}
* *
* @default { mainColor: '#000000', accentColor: '#000000', borderColor: '#e0e0e0', hoverColor: '#00000017', reversedColor: '#ffffff' } * @default { mainColor: '#000000', accentColor: '#000000', borderColor: '#e0e0e0', hoverColor: '#00000017', reversedColor: '#ffffff' }
*/ */
@ -69,7 +69,7 @@ const props = defineProps({
* that it will not effect to the screen reader, but the screen reader will still read the * that it will not effect to the screen reader, but the screen reader will still read the
* date in the user’s language. * date in the user’s language.
* *
* @see {@link https://datenel.js.org/guide/vue/components/SingleWeekPicker.html#localization} * @see {@link https://datenel.js.org/guide/vue3/components/SingleWeekPicker.html#localization}
* @default navigator.language * @default navigator.language
*/ */
localization: { localization: {
@ -81,7 +81,7 @@ const props = defineProps({
* *
* @description The model value of the component. * @description The model value of the component.
* *
* @see {@link https://datenel.js.org/guide/vue/components/SingleWeekPicker.html#modelvalue} * @see {@link https://datenel.js.org/guide/vue3/components/SingleWeekPicker.html#modelvalue}
*/ */
modelValue: { modelValue: {
type: Object as () => SingleWeekPickerModelValue, type: Object as () => SingleWeekPickerModelValue,