Hi @dandc87, I just started experimenting with the library (versions 0.8.1 and 1.0.0-beta1) and I think it's awesome! I'm wondering if it's possible to set the tile size and still make the view fill all of the horizontal space. Currently, if I set the tile size to something smaller than the default 44dp, the tiles group together in the center, leaving padding on the left and right sides of the calendar. Basically, I'm trying to reduce the overall height of the calendar view, while still making it fill the horizontal space of the screen.

This is what I'm doing in XML:

<com.prolificinteractive.materialcalendarview.MaterialCalendarView
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

And then in Java:

calendarView.setTileSizeDp(38);

Here's a screenshot of what the calendar looks like:

And here's a screenshot of roughly what I'm going for:

Thanks in advance! -Dan

I want to implement to display week number on top of date number or lefts side of calendar. First approach(display on top of number): - i couldn`t give various style to week number and date number.Both of them has the same last style

Second approach - dont have any idea yet

http://sanziro.com/wp-content/uploads/2015/07/display-week-number-in-calendar-app-for-ios.png

When you "collapse" the Calendar with .setCalendarDisplayMode(CalendarMode.WEEKS), the week displayed is one week to early, when using Monday as first day of the week. (Only working when i select the Sunday) [BUG]

Hi I am trying to reduce the circle background of a selected date. The gray circle of the date selected by default is getting too big, can i decrease the circle size of the selected day?

Any help would be appreciated ThankYou

I am using this calendar inside row on RecyclerView. I am setting calendar's display mode to CalendarMode.WEEKS. This row is on top of list.

I scroll down the list and then on the top of the list, then there is class cast exception.

I am using view holder pattern. Imo this is viewholder fault.

java.lang.ClassCastException: com.prolificinteractive.materialcalendarview.WeekView cannot be cast to com.prolificinteractive.materialcalendarview.MonthView
                                                                                at com.prolificinteractive.materialcalendarview.CalendarPagerAdapter.getItemPosition(CalendarPagerAdapter.java:125)
                                                                                at com.prolificinteractive.materialcalendarview.WeekPagerAdapter.getItemPosition(WeekPagerAdapter.java:9) 

Any solutions?

Greetings, how can I select a range of dates by clicking the first and last date? Example: I want to mark an event from jan 1 to fab 10 by clicking in jan 1 and then fabruary 10. Thanks

I need DisableDecorator to one days of week. for example disale Decorator for all Monday days. How to do it using method

   private class PrimeDayDisableDecorator implements DayViewDecorator {

   }  

thanks

I really like the library, but I have a simple UX issue when I try to integrate it in my application. I would like to display the calendar in a viewpager, so the swiping is used to change pages. But this lib uses the swipe gesture to change between months, so it currently behaves really odd. The arrows at the top would be sufficent to change months in my use case, so could you provide an option (either from code or from xml) to disable the lib's listening to swipe gestures?

Thank you in advance.

[Fairly new ti github, if this is not the correct way of spreading knowledge, do tell]

First off, you need a custom DotSpan class, which is just ever so slightly altered:

public class CustmMultipleDotSpan implements LineBackgroundSpan {


    private final float radius;
    private int[] color = new int[0];


    public CustmMultipleDotSpan() {
        this.radius = DEFAULT_RADIUS;
        this.color[0] = 0;
    }


    public CustmMultipleDotSpan(int color) {
        this.radius = DEFAULT_RADIUS;
        this.color[0] = 0;
    }


    public CustmMultipleDotSpan(float radius) {
        this.radius = radius;
        this.color[0] = 0;
    }


    public CustmMultipleDotSpan(float radius, int[] color) {
        this.radius = radius;
        this.color = color;
    }

    @Override
    public void drawBackground(
            Canvas canvas, Paint paint,
            int left, int right, int top, int baseline, int bottom,
            CharSequence charSequence,
            int start, int end, int lineNum
    ) {

        int total = color.length > 5 ? 5 : color.length;
        int leftMost = (total - 1) * -10;

        for (int i = 0; i < total; i++) {
            int oldColor = paint.getColor();
            if (color[i] != 0) {
                paint.setColor(color[i]);
            }
            canvas.drawCircle((left + right) / 2 - leftMost, bottom + radius, radius, paint);
            paint.setColor(oldColor);
            leftMost = leftMost + 20;
        }
    }
}

You will also need an ever so slightly altered EventDecorator:

public class EventDecorator implements DayViewDecorator {

    private final int[] colors;
    private final HashSet<CalendarDay> dates;


    public EventDecorator(Collection<CalendarDay> dates, int[] colors) {
        //this.color = color;
        this.dates = new HashSet<>(dates);

        this.colors = colors;

    }


    public EventDecorator(List<MainActivity.Filter> filteredEvents) {
        //this.color = color;

        this.dates = new HashSet<>(filteredEvents.get(0).calDayArr);
        int[] colors = new int[1];
        colors[0] = filteredEvents.get(0).color;
        this.colors = colors;

    }

    @Override
    public boolean shouldDecorate(CalendarDay day) {
        return dates.contains(day);
    }

    @Override
    public void decorate(DayViewFacade view) {

        view.addSpan((new CustmMultipleDotSpan(5,colors)));

    }


}

And that is basically it.

Now find your calendarview in your activity, and give it some dates, and colors to show on those dates. In my particular case, I sort my dates in 5 different lists based on the amount of events per day, so you will end up with something like

calendarView.addDecorator(new EventDecorator(threeEventDays,threeColors)); Where threeEventDays is a Collection of CalendarDay and threeColors is an int array int[] threeColors = { Color.rgb(0, 0, 255), Color.rgb(0, 255, 0), Color.rgb(255, 0, 0)};

It's nowhere near as ideal as it should be, but what it does is it expects an array of colors. Calculates the leftmost position, based on the array size, so for a size one, the left most position is the middle dot we all know and love. For size 2 the left most position is -10, for size 3 it's -20 and so on. Then loops through and paints the dots.

It's limited to 5 event dots as it gets quite ugly above that, and though currently not on my roadmap, if it turns out to be a requirement I might add support for a second line of dots.

I'm trying to run Sample in android studio 3.1 canary 4 and get the error: Error: Can not create variant 'android-lint' after configuration ': library: debugRuntimeElements' has been resolved

I'd like to show other month dates, but I don't want to add an entire row with other month days. Something like this

Currently, mcv_showOtherDates fills the 6 week rows with CalendarDay, but it would be nice if we could specify a new showOtherDates mode, for example fill_week

I guess this could be done by creating a Decorator in onDateSelected and dynamically calculating which dates fit, but it would be nice if the library provided an easier way

Hey, I'm trying to achieve something similar to the image I've attached, which has events added to the calendar. I'm thinking I could do this by creating a custom Span class as shown here in stackoverflow.

However, my issue is that DayViewDecorator.decorate doesn't know which date it's currently decorating, so I can't pass specific event names to it. Is there a way I could achieve this? Cheers

In sample app, we have state list drawable my_selector (In example MySelectorDecorator using this selector )

Inside of which, we have defined states when user select a date , it will decorate the drawable on selected date and remaining will be transparent but what if I want show drawable for rest but when selected make it transparent or different color?

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"
    android:exitFadeDuration="@android:integer/config_shortAnimTime">

  <item android:drawable="@drawable/ic_my_selector" android:state_checked="false"/>

  <item android:drawable="@drawable/ic_my_selector" android:state_pressed="false"/>

  <item android:drawable="@android:color/transparent" android:state_checked="true"/>

</selector>

the result is unexpected, it shows all dates are decorated and when we press on a date ,if it is transparent nothing will change but if we have used some different color says orange , it will blink orange for a milli sec and goes away. Why states aren't maintained? Am I missing something? How can I achieve the expected behavior?

app:mcv_selectionColor="#FFFFFF"

The selected date can be changed to

app:mcv_selectionColor="#FFFFFF"

but how do categorized dates be customized to a circle like the selected date?

I would to like increase more height of row to display more info for Decorators DotSpan but I don't know how to increase it only, when I use titleSize it is very ugly it will increase for title also but I only want increase bottom of row to display more info. You can see image for more info

I tried add the text to dates with JsonObject, but the text is empty.

class EventDecorator(jsonTotal: JSONObject, dates: HashSet<String>) : DayViewDecorator {
    val totalData = jsonTotal
    val dates: HashSet<String> = dates
    var dDay = ""
    var label = ""
    override fun shouldDecorate(day: CalendarDay): Boolean {
        dDay = getDay(day.year, day.month, day.day)
        label = totalData.getString(dDay)
        return dates.contains(dDay)
    }

    override fun decorate(view: DayViewFacade) {
        view.addSpan(DotSpan(5f, Color.RED))
        // view.addSpan(AddTextToDates(label))
    }

    fun getDay(year: Int, month: Int, day: Int): String {
        val dDay = "$year-" + String.format(
            "%02d",
            month + 1
        ) + "-" + String.format("%02d", day)
        return dDay
    }
}