Calendar

Displays the page title and summary in the current language

Example

日
月
火
水
木
金
土
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
vue
<template>
 <Calendar
  expanded
  :attributes="attributes"
  color="blue"
 />
</template>

<script setup lang="ts">
const attributes = ref([
 {
  key: 'today',
  highlight: true,
  dates: new Date(),
 },
]);
</script>

Integration

日
月
火
水
木
金
土
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
vue
<template>
 <ViewState
  v-slot="example"
  src="state://calendar"
  :data="[
   {
    key: 'today',
    highlight: true,
    dates: new Date(),
   },
  ]"
 >
  <Calendar
   expanded
   :attributes="example.data"
   color="blue"
  />
 </ViewState>
</template>

See Also

Date picker

Forms overview

Viewstate