Strange colors on IOS and I'm unable to change it

[andreabbondanza]

Strange colors on ios

Tell us about the problem

On IOS events have a strange colors pattern, a black background with a semi-black foreground. You can see it on the screenshot attached.

Which platform(s) does your issue occur on?

The problem is on IOS

Please provide the following version numbers that your issue occurs with:

• RAD CALENDAR: "nativescript-ui-calendar": "^5.0.0"
• CLI: 6.1.0
• Cross-platform modules: "tns-core-modules": "6.0.1"
• Runtime(s): android 6.0.0 and ios 6.0.1

Please tell us how to recreate the issue in as much detail as possible.

Just add some events to the calendar

Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.

<Page class="page app-page" actionBarHidden="true" xmlns:rc="nativescript-ui-calendar" navigatingTo="onNavigatingTo" xmlns="http://schemas.nativescript.org/tns.xsd">
    <GridLayout id="container" class=" q-orange-bk" rows="auto, *, auto">
        <GridLayout class="bar q-orange-bk" columns="*, auto">
            <Label text="Ernesto Carriage" class="bar-title"></Label>
            <Label col="1" text="&#xea7d;" class="ico bar-icon"></Label>
        </GridLayout>
        <GridLayout row="1">
            <rc:RadCalendar id="calendar" viewMode="Day" locale="it-IT" eventSource="{{DayEvents}}">
                <rc:RadCalendar.dayViewStyle>
                    <rc:CalendarDayViewStyle style="color:white" showTitle="true" showWeekNumbers="true" showDayNames="true">
                        <rc:CalendarDayViewStyle.dayEventsViewStyle>
                            <rc:DayEventsViewStyle backgroundColor="whitesmoke" timeLabelFormat="HH:mm" timeLabelTextColor="#999" timeLabelTextSize="12" />
                        </rc:CalendarDayViewStyle.dayEventsViewStyle>
                    </rc:CalendarDayViewStyle>
                </rc:RadCalendar.dayViewStyle>
            </rc:RadCalendar>
        </GridLayout>
        <ScrollView row="2" orientation="horizontal">
            <StackLayout orientation="horizontal" row="2" class="employee-bar">
                <!-- test purpose -->
                <Image src="res://photo" stretch="aspectFill" class="employee-item" />
                <Image src="res://photo" stretch="aspectFill" class="employee-item" />
                <Image src="res://photo" stretch="aspectFill" class="employee-item" />
                <Image src="res://photo" stretch="aspectFill" class="employee-item" />
                <Image src="res://photo" stretch="aspectFill" class="employee-item" />
                <Image src="res://photo" stretch="aspectFill" class="employee-item" />
                <Image src="res://photo" stretch="aspectFill" class="employee-item" />
                <Image src="res://photo" stretch="aspectFill" class="employee-item" />
            </StackLayout>
        </ScrollView>
    </GridLayout>
</Page>

NOTE: Even if I apply the demo state from nativescript docs all colors change but not events