Skip to content
This repository was archived by the owner on Mar 4, 2023. It is now read-only.

Commit 90fc3d8

Browse files
author
evombau
committed
Update README.md
1 parent 097a324 commit 90fc3d8

File tree

1 file changed

+19
-8
lines changed

1 file changed

+19
-8
lines changed

projects/material-calendar/README.md

Lines changed: 19 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ Please read this **before** usage!
33
This material calendar is just beginning. As in the angular material components, a beautiful calendar is to be generated by simple integration. Cooperation is welcome.
44

55
### Live demo
6-
comming soon...
6+
[Open demo on Stackblitz](https://stackblitz.com/github/e-netsupport/material-calendar-demo)
77

88
## Installing
99
`npm i material-calendar`
@@ -41,6 +41,14 @@ In your html:
4141
```
4242
and you are good to go ;)
4343

44+
>If only a one-month layout is required, the following tag can also be used:
45+
>``` html
46+
><calendar-panel [placeholderDay]="placeholder" year="2020" month="5" [config]="calendarConfig">
47+
></calendar-panel>
48+
>```
49+
>.
50+
51+
4452
All options are shown here:
4553
4654
``` html
@@ -74,9 +82,12 @@ calendarConfig: CalendarConfig = {
7482
useHolidays: false,
7583
holidayColor: 'rgb(253, 173, 0)', // use only hex or rbg colors
7684
holidayTextColor: 'rgb(253, 173, 0)', // use only hex or rbg colors
77-
displayYear: true,
78-
calendarWeek: true,
79-
switches: false,
85+
displayYear: true,
86+
firstDayOfWeekMonday: true,
87+
todayColor: '#fff',
88+
panelWidth: '100%',
89+
calendarWeek: true,
90+
switches: false,
8091
}
8192
```
8293
``` javascript
@@ -86,10 +97,10 @@ calendarConfig: CalendarConfig = {
8697
* @param {boolean} useHolidays use holidays, only german (for now)
8798
* @param {boolean} displayYear displays the year next to the Month name
8899
* @param {boolean} switches not fullt implemented!
89-
* @param {string} panelBgColor sets the background color of the panel
90-
* @param {string} textColor if autoTextColor false this must be set to a custom color
91-
* @param {string} holidayColor sets the background color of the holiday field
92-
* @param {string} holidayTextColor sets the text color of the holiday field
100+
* @param {string} panelBgColor sets the background color of the panel
101+
* @param {string} textColor if autoTextColor false this must be set to a custom color
102+
* @param {string} holidayColor sets the background color of the holiday field
103+
* @param {string} holidayTextColor sets the text color of the holiday field
93104
*
94105
*/
95106
```

0 commit comments

Comments
 (0)