A calendar that allows you to select both a single date and a period. Calendar allows you to change colors programmatically without reference to the theme.
Step 1. Add the JitPack repository to your build file
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}Step 2. Add the dependency
dependencies {
implementation 'com.github.psinetron:slycalendarview:${version}'
}- Add
MaterialCalendarViewinto your layouts or view hierarchy.
<ru.slybeaver.slycalendarview.SlyCalendarView
android:id="@+id/slyCalendarView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>Or show calendar as dialog:
new SlyCalendarDialog()
.setSingle(false)
.setCallback(listener)
.show(getSupportFragmentManager(), "TAG_SLYCALENDAR");- Set a
SlyCalendarDialog.Callbackwhen you need it
public class MainActivity extends AppCompatActivity implements SlyCalendarDialog.Callback {
...
@Override
public void onCancelled() {
//Nothing
}
@Override
public void onDataSelected(Calendar firstDate, Calendar secondDate, int hours, int minutes) {
if (firstDate != null) {
if (secondDate == null) {
firstDate.set(Calendar.HOUR_OF_DAY, hours);
firstDate.set(Calendar.MINUTE, minutes);
Toast.makeText(
this,
new SimpleDateFormat(getString(R.string.timeFormat), Locale.getDefault()).format(firstDate.getTime()),
Toast.LENGTH_LONG
).show();
} else {
Toast.makeText(
this,
getString(
R.string.period,
new SimpleDateFormat(getString(R.string.dateFormat), Locale.getDefault()).format(firstDate.getTime()),
new SimpleDateFormat(getString(R.string.timeFormat), Locale.getDefault()).format(secondDate.getTime())
),
Toast.LENGTH_LONG
).show();
}
}
}
}Or
SlyCalendarDialog.Callback callback = new SlyCalendarDialog.Callback() {
@Override
public void onCancelled() {
}
@Override
public void onDataSelected(Calendar firstDate, Calendar secondDate, int hours, int minutes) {
}
};Set colors:
<ru.slybeaver.slycalendarview.SlyCalendarView
android:id="@+id/slyCalendarView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:backgroundColor="#000000"
app:headerColor="#ff0000"
app:firstMonday="true"
app:textColor="#00ff00"
app:selectedColor="#0000ff"
/>or
new SlyCalendarDialog()
.setSingle(false)
.setCallback(listener)
.setBackgroundColor(Color.parseColor("#ff0000"))
.setSelectedTextColor(Color.parseColor("#ffff00"))
.setSelectedColor(Color.parseColor("#0000ff"))
.show(getSupportFragmentManager(), "TAG_SLYCALENDAR");Parameters:
<attr name="backgroundColor" format="color"/>
<attr name="headerColor" format="color"/>
<attr name="headerTextColor" format="color"/>
<attr name="textColor" format="color"/>
<attr name="selectedColor" format="color"/>
<attr name="selectedTextColor" format="color"/>
<attr name="firstMonday" format="boolean"/>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent