1+ [ ![ Maven Central] ( https://img.shields.io/maven-central/v/io.github.chouaibmo/rowkalendar.svg?color=blue )] ( https://search.maven.org/artifact/io.github.chouaibmo/rowkalendar )
2+
13<p >
24 <img src =" ./screenshots/cover.png " alt =" cover " >
35</p >
46
5- [ ![ Maven Central] ( https://img.shields.io/maven-central/v/io.github.chouaibmo/rowkalendar.svg?color=blue )] ( https://search.maven.org/artifact/io.github.chouaibmo/rowkalendar )
67## 💡 Description
78
89RowKalendar is a Compose Multiplatform library designed to offer a straightforward and user-friendly
@@ -15,11 +16,22 @@ this project supports the following platforms:
1516| ---------------| :-------:| :-------:| :-------:| :-------:|
1617| Supported | ✅ | ✅ | 🚫 | 🚫 |
1718
18-
19-
2019⏳ Support for Browser and Desktop (Linux, macOS, Windows) is planned for future releases.
2120Please note that the library is under active development, and some features may not be available across all platforms.
2221
22+ ## 📸 Screenshots
23+ <p >
24+ <img src =" ./screenshots/screenshot_1.png " width =" 32% " alt =" screenshot_1 " >
25+ <img src =" ./screenshots/screenshot_2.png " width =" 32% " alt =" screenshot_2 " >
26+ <img src =" ./screenshots/screenshot_3.png " width =" 32% " alt =" screenshot_3 " >
27+ </p >
28+
29+ ## Videos
30+ <p >
31+ <img src =" ./screenshots/video_2.gif " width =" 32% " alt =" video_2 " >
32+ <img src =" ./screenshots/video_1.gif " width =" 32% " alt =" video_1 " >
33+ <img src =" ./screenshots/video_3.gif " width =" 32% " alt =" video_3 " >
34+
2335## ⚙️ Setup
2436To integrate RowKalendar into your project, add the following dependencies to the commonMain source set of your shared module:
2537
@@ -76,20 +88,23 @@ import io.github.chouaibmo.rowkalendar.components.DateCell
7688@Composable
7789fun RowKalendarSample () {
7890 RowKalendar (
79- modifier = Modifier .height( 100 .dp ),
91+ modifier = Modifier .fillMaxWidth( ),
8092 content = { date, isSelected, onClick ->
8193 DateCell (
8294 date = date,
8395 isSelected = isSelected,
8496 onClick = onClick,
85- modifier = Modifier .padding(6 .dp),
86- shape = RoundedCornerShape (8 .dp),
87- elevation = DateCellDefaults .DateCellElevation (6 .dp),
97+ shape = RoundedCornerShape (12 .dp),
98+ elevation = DateCellDefaults .DateCellElevation (
99+ selectedElevation = 4 .dp,
100+ pastElevation = 2 .dp,
101+ futureElevation = 2 .dp
102+ ),
88103 border = DateCellDefaults .border(
89- selectedBorderColor = MaterialTheme .colorScheme.primaryContainer ,
104+ selectedBorderColor = Color . LightGray ,
90105 pastBorderColor = Color .LightGray ,
91- futureBorderColor = Color .DarkGray ,
92- selectedBorderWidth = 2 .dp,
106+ futureBorderColor = Color .LightGray ,
107+ selectedBorderWidth = 1 .dp,
93108 pastBorderWidth = 1 .dp,
94109 futureBorderWidth = 1 .dp
95110 ),
@@ -116,27 +131,14 @@ import io.github.chouaibmo.rowkalendar.RowKalendar
116131@Composable
117132fun RowKalendarSample () {
118133 RowKalendar (
119- modifier = Modifier .height( 100 .dp ),
134+ modifier = Modifier .fillMaxWidth( ),
120135 content = { date, isSelected, onClick ->
121136 // Your own custom composable
122137 }
123138 )
124139}
125140```
126141
127- ## 📸 Screenshots
128- <p >
129- <img src =" ./screenshots/screenshot_1.png " width =" 32% " alt =" screenshot_1 " >
130- <img src =" ./screenshots/screenshot_2.png " width =" 32% " alt =" screenshot_2 " >
131- <img src =" ./screenshots/screenshot_3.png " width =" 32% " alt =" screenshot_3 " >
132- </p >
133-
134- ## Videos
135- <p >
136- <img src =" ./screenshots/video_1.gif " width =" 32% " alt =" video_1 " >
137- <img src =" ./screenshots/video_2.gif " width =" 32% " alt =" video_2 " >
138-
139-
140142## 🤝 Contribution
141143
142144If you wish to contribute, please feel free to submit pull requests or issues to help improve RowKalendar.
0 commit comments