Description
Events Calendar is a user-friendly library that helps you achieve a cool Calendar UI with events mapping. You can customise every pixel of the calendar as per your wish and still achieve in implementing all the functionalities of the native android calendar in addition with adding dots to the calendar which represents the presence of an event on the respective dates. It can be done easily, you are just a few steps away from implementing your own badass looking Calendar for your very own project!
Events Calendar alternatives and similar packages
Based on the "Kotlin" category.
Alternatively, view Events Calendar alternatives based on common mentions on social networks and blogs.
-
Balloon
:balloon: Modernized and sophisticated tooltips, fully customizable with an arrow and animations for Android. -
kotlin-android-template
Android + Kotlin + Github Actions + ktlint + Detekt + Gradle Kotlin DSL + buildSrc = โค๏ธ -
NotyKT ๐๏ธ
๐ NotyKT is a complete ๐Kotlin-stack (Backend + Android) ๐ฑ application built to demonstrate the use of Modern development tools with best practices implementation๐ฆธ. -
Material Chip View
Material Chip view. Can be used as tags for categories, contacts or creating text clouds -
DrawableToolbox
๐ ๏ธ The missing drawable toolbox for Android. Create drawables programmatically and get rid of the boring and always repeated drawable.xml files. -
Navigation Toolbar for Android
:octocat: Navigation toolbar is a slide-modeled UI navigation controller made by @Ramotion -
Capturable
๐Jetpack Compose utility library for capturing Composable content and transforming it into Bitmap Image๐ผ๏ธ -
Pdf Viewer For Android
A Lightweight PDF Viewer Android library which only occupies around 80kb while most of the Pdf viewer occupies up to 16MB space. -
Carousel Recyclerview
Carousel Recyclerview let's you create carousel layout with the power of recyclerview by creating custom layout manager. -
Pluto Debug Framework
Android Pluto is a on-device debugging framework for Android applications, which helps intercept Network calls, capture Crashes & ANRs, manipulate application data on-the-go, and much more. -
CrunchyCalendar โ awesome calendar widget for android apps
A beautiful material calendar with endless scroll, range selection and a lot more! -
SSComposeCookBook
A Collection of major Jetpack compose UI components which are commonly used.๐๐๐ -
Permission Flow for Android
Know about real-time state of a Android app Permissions with Kotlin Flow APIs. -
SSCustomBottomNavigation
Animated TabBar with native control and Jetpack Navigation support..โจ๐๐ -
Only
:bouquet: An easy way to persist and run code block only as many times as necessary on Android. -
Nextflix-Composable
Includes jetpack compose, navigation, paging, hilt, retrofit, coil, coroutines, flow.. -
EasyPermissions-ktx
๐ Kotlin version of the popular google/easypermissions wrapper library to simplify basic system permissions logic on Android M or higher. -
Compose Compiler Reports to HTML Generator
A utility (Gradle Plugin + CLI) to convert Jetpack Compose compiler metrics and reports to beautified HTML page. -
MidJourney Images Compose Multiplatform Mobile Application
This application is developed to display the images created by MidJourney. The application is developed with Compose Multiplatform and works on many platforms including Android and iOS platforms. -
SSCustomEditTextOutLineBorder
Same as the Outlined text fields presented on the Material Design page but with some dynamic changes. ๐ ๐ -
TimelineView
A customizable and easy-to-use Timeline View library for Android. Works as a RecyclerView decorator (ItemDecoration) -
Vanilla Place Picker
Simple(vanilla) yet 'Do it all' place picker for your place picking needs in Android
WorkOS - The modern identity platform for B2B SaaS
Do you think we are missing an alternative of Events Calendar or a related project?
README
Events Calendar
Single Selection Mode Range Selection Mode Multiple Selection Mode
What is Events Calendar?
Events Calendar is a user-friendly library that helps you achieve a cool Calendar UI with events mapping. You can customise every pixel of the calendar as per your wish and still achieve in implementing all the functionalities of the native android calendar in addition with adding dots to the calendar which represents the presence of an event on the respective dates. Events Calendar also has multi-lingual support. You are just a few steps away from implementing your own badass looking Calendar for your very own project!
Implementation
[1] In your app module gradle file
dependencies {
implementation 'com.github.tizisdeepan:eventscalendar:1.6.1'
}
[2] In your project level gradle file
allprojects {
repositories {
maven { url 'https://jitpack.io' }
}
}
[3] Use EventsCalendar in your layout.xml
<com.events.calendar.views.EventsCalendar
android:id="@+id/eventsCalendar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#000000"
android:overScrollMode="never"
app:datesTextSize="16sp"
app:eventDotColor="#ff0000"
app:isBoldTextOnSelectionEnabled="true"
app:monthTitleColor="#ffffff"
app:monthTitleTextSize="16sp"
app:primaryTextColor="#c4c4c4"
app:secondaryTextColor="#666666"
app:selectedTextColor="#000000"
app:selectionColor="#ffe600"
app:weekHeaderColor="#c6c6c6"
app:rangeSelectionColor="#ffe600"
app:rangeSelectionStartColor="#c1ae01"
app:rangeSelectionEndColor="#c1ae01"
app:weekHeaderTextSize="16sp" />
[4] Implement EventCalendar.Callback on your Activity/ Fragment
class MainActivity : AppCompatActivity(), EventsCalendar.Callback {
...
override fun onDayLongPressed(selectedDate: Calendar?) {
Log.e("LONG", "CLICKED")
}
override fun onMonthChanged(monthStartDate: Calendar?) {
Log.e("MON", "CHANGED")
}
override fun onDaySelected(selectedDate: Calendar?) {
Log.e("SHORT", "CLICKED")
}
}
[5] Create instances and set default values for the EventsCalendar in your Activity/ Fragment
eventsCalendar.setSelectionMode(eventsCalendar.MULTIPLE_SELECTION) //set mode of Calendar
.setToday(today) //set today's date [today: Calendar]
.setMonthRange(start, end) //set starting month [start: Calendar] and ending month [end: Calendar]
.setWeekStartDay(Calendar.SUNDAY, false) //set start day of the week as you wish [startday: Int, doReset: Boolean]
.setCurrentSelectedDate(today) //set current date and scrolls the calendar to the corresponding month of the selected date [today: Calendar]
.setDatesTypeface(typeface) //set font for dates
.setDateTextFontSize(16f) //set font size for dates
.setMonthTitleTypeface(typeface) //set font for title of the calendar
.setMonthTitleFontSize(16f) //set font size for title of the calendar
.setWeekHeaderTypeface(typeface) //set font for week names
.setWeekHeaderFontSize(16f) //set font size for week names
.setCallback(this) //set the callback for EventsCalendar
.addEvent(c) //set events on the EventsCalendar [c: Calendar]
.disableDate(dc) //disable a specific day on the EventsCalendar [c: Calendar]
.disableDaysInWeek(Calendar.SATURDAY, Calendar.SUNDAY) //disable days in a week on the whole EventsCalendar [varargs days: Int]
.build()
[6] You can change selection mode of the calendar as you wish
eventsCalendar.setSelectionMode(eventsCalendar.SINGLE_SELECTION)
Available Selection modes are,
- SINGLE_SELECTION -> can select single day at a time
- RANGE_SELECTION -> can select range of days at a time
- MULTIPLE_SELECTION -> can select multiple days at a time (not necessary that the selected days be consequtive) ### Documentation
XML | Kotlin/Java | Description |
---|---|---|
app:primaryTextColor |
setPrimaryTextColor(color: Int) |
Primary Text color of the calendar (selectable dates) |
app:secondaryTextColor |
setSecondaryTextColor(color: Int) |
Secondary Text color of the calendar (disabled dates) |
app:selectedTextColor |
setSelectedTextColor(color: Int) |
Text color of the Selected date |
app:selectionColor |
setSelectionColor(color: Int) |
Color for the Selection Circle |
app:rangeSelectionColor |
setRangeSelectionColor(color: Int) |
Color for the Selection Background |
app:rangeSelectionStartColor |
setRangeSelectionStartColor(color: Int) |
Color for the Range Start Selection Background |
app:rangeSelectionEndColor |
setRangeSelectionEndColor(color: Int) |
Color for the Range End Selection Background |
app:weekHeaderColor |
setWeekHeaderColor(color: Int) |
Text color for the Week Header labels |
app:weekHeaderTextSize |
setWeekHeaderFontSize(size: Float) |
Text size for the Week Header labels |
app:datesTextSize |
setDateTextFontSize(size: Float) |
Text size for the Date labels |
app:monthTitleColor |
setMonthTitleColor(color: Int) |
Text color for the Month Title in the calendar view |
app:monthTitleTextSize |
setMonthTitleFontSize(size: Float) |
Text size for the Month Title in the calendar view |
app:eventDotColor |
setEventDotColor(color: Int) |
Color for the Event Dots marked in the calendar view |
app:isBoldTextOnSelectionEnabled |
setIsBoldTextOnSelectionEnabled(isEnabled: Boolean) |
Sets whether the dates should be highlighted or not |
Voila! You have implemented an awesome Events Calendar for your Android Project now!
Developed By
- Deepan Elango - [email protected]
*Note that all licence references and agreements mentioned in the Events Calendar README section above
are relevant to that project's source code only.