kvyatkovskys/kvkcalendar

A most fully customization calendar for Apple platforms 📅

Hi there 👋

• 👨‍💻 iOS Software Engineer at Pskov in Russia.
• 💬 Ask me about anything.
• 📫 How to reach me: use bages below, pls.

kvkcalendar's Issues

Move Events from Timeline or Week week

Hi, I wanted to know if you had thought or taken into consideration the possibility of moving appointments directly from the timeline or weekview as the original apple calendar. Or if you plan to extend the period directly from the event to the timeline or weekview with the longtap gesture.

Congratulations for the library

Month horizontal scroll

I needed the month scroll to be horizontal so I set the scrollDirection to .horizontal in MonthStyle and it works. The problem is that the days now are displayed in vertical.

Also, opening the view the current date is hidden and it appears only after the first scroll.

Event view column size

Hi, how can I fix the event width to the full width of the frame, if I don't have any event with the same hours?
I've 3 data and my event width looks like divided with event count.

I want the event size divide by the amount of event with the same hours only, not all events.

Edit: I used v0.2.5

Get events on calendar view

Is it possible to get events that are visible on the calendar? For instance Just what you see on the week view?

ScrollDirection for Month Calendar is limited to vertical.

var scrollDirection: UICollectionView.ScrollDirection = .vertical

scrollDirection inside MonthStyle is limited to vertical. Tried finding ways to set it to Horizontal but failed. the scroll directionVariable is not public so I can't access it.

could we make scrollDirection public?

Header and Events Animations

Hello, first of all, the library is excellent.

My question is:

In the week view, when I horizontally scroll the calendar view (events), the header (mon, tue, wed ..) moves together with the events (horizontal animation) and changes to the next or previous week. But when I horizontally scroll header, the events don't have animation. Is there an option to move the events when the header is scrolling (same animation when events view is scrolling) ?.

The question is because I have recurring events, so without the animation (when scrolling the header), the events do not make the animation of the week change.

Thank you.

how to set header weekday background color

How to change orange bg color

I can't seem to find a way to remove the orange background colour that appears from todays date + 10 days. Please help!

Day view long press not get proper time in didAddNewEvent

Day view long press does not get proper time in didAddNewEvent delegate . This problem occurs in the updated latest pod

How do you change the day color dot

I want to change the background color of the day (month view) based on the events in that day. Is this possible?

Using KVKCalendar with SwiftUI

Hi,

I am not that experienced with using libraries yet and I tried implementing KVKCalendar into my app, however I am getting several errors. I followed the steps described in the updated readme for SwiftUI, but when creating the CalendarDisplayView struct I get quite a few errors. I guess I am doing something wrong, but can't seem to figure out what it is I am doing wrong.

Here is a screenshot of errors inside the SwiftUI file I created:

Thank you very much in advance. :)

Does not conform to protocol

extension JobDetailsViewController: CalendarDataSource {
func eventsForCalendar() -> [Event] {
return events
}
}

This is the code for the data source, but I get the 'Does not conform to protocol' error. Any thoughts?

Panning/Moving Events

I wanted to move events from one time to other. Is there any way to do so in this library. I have checked your library, but i dont get any proper way. Can you please give me if there is any proper way for the same.

movingCurrentLineHour crashing on xcode 11.3.1

The following line is crashing on a minute update at guard let time =

private func movingCurrentLineHour() {
guard !(timer?.isValid ?? false) else { return }

    let date = Date()
    var comps = style.calendar.dateComponents([.era, .year, .month, .day, .hour, .minute], from: date)
    comps.minute = (comps.minute ?? 0) + 1
    guard let nextMinute = style.calendar.date(from: comps) else { return }
    
    timer = Timer(fire: nextMinute, interval: 60, repeats: true) { [unowned self] _ in
        let nextDate = Date()
        guard let time = self.getTimelineLabel(hour: nextDate.hour) else { return }

Add Delegate Method for when user scrolls to a new date range.

When we are using the calendar we don't load all events at once. But only for specific time interval, since we have a monthly view or weekly view.

Would be great if there was a delegate method that let us know when user has scrolled the calendar to a new month so that we could dynamically load events for the new month. Since we do let users scroll infinitely.

Also an option to show titles for events instead of dots on monthly view.

How to converting 1 hours time slot duration to 30 minutes time slot duration for the week view ?.

@kvyatkovskys ?

Time like 12.15 event display bottomside it can display uppar side

willDisplayDate documented

Thanks for the update. Will you also update the documentation to explain willDisplayDate ?

Dependency "KVKCalendar" has no shared framework schemes for any of the platforms: iOS

Xcode was not adding the schemes to git. Make sure that .xcodeproj/xcshareddata/xcschemes is added and pushed to github.

Add event

Can we add event by clicking on particular date range for Day/Week view like we do in Apple default calendar?

Customizable EventPageView through new func in protocol

Hi,

First, thank you for your work, it is beautiful and well coded.

Though, I'd like to know if it is possible to add a function in a protocol so we could customize the EventPageViews.

For example I'd like to add labels in the event view. And if I'm right, the protocol you expose does not support those kind of purpose.

In a UITableViewController there is this method : func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell that allows us to return a customizable view.

I can give it a try and make a pull request.

How to hide Header

Hi @kvyatkovskys ,

Can we hide the header view, if yes where should i be looking to make those changes.
I want only the events part to be visible, as I'm planning to show events for only one day.

Events for a date

Can you get all of the events for a selected date (other than iterating through them)?

How can i load calendar view size dynamic

I create calendar view and set its frame . In that width is 300. On button tap i want to change calendar view width 500.
I reassign new frame with 500 width but calendar view month cell and header view consist with 300 width. I want to make it dynamic width after creating calendar view object

EventPageView width calculation is impractical

When adding a very long event that overlaps with multiple other events the library comes up with very strange widths for the EventPageViews (see attached image).

Could you please make this behaviour modifiable or the function that calculates the page width overridable?

Kind regards,
Sjors

Custom Xib support for events ?

Hi @kvyatkovskys , First thank you for this great library.

Is it possible to customise the events view, to achieve the below design ?

If yes please let me know.

After 12.29 - 12.59 problem occure

Scroll Header View

Hi, I found this problem ....

If I select Sunday, then I scroll the week after some scrolls the dot on the date is not visible and the date is not selected.

This is the piece of code it looks like it comes into else

guard let newMoveDate = cellDays.filter({ $0.day.date?.weekday == date.weekday }).first?.day.date, date != newMoveDate else { return }

ScrollDayHeaderView.swift row 237

Thk's

On Monthly view events are not selectable or titled.

Hi,

In the example on a daily view I can select an event, even drag it. However, on monthly view events are not selectable (just shows multi color dots). Tapping on the event dots in monthly view does not trigger delegate callbacks.

Is it possible to update those dots to show actual titles instead, and to do delegate callbacks on selection?
Does this need a code update, or is this functionality already available and I'm just not aware of it?

Thanks,

Chris

How do I get current date

Is it possible to get the current date on the calendar? Like when I am on the week view, can I get at least the starting date? Or can I get the date range? Like March 15-21?

Contraints?

How are constraints dealt with in the calendar? I've been using an iPhone and its working just great. However one of my users tried it on an iPad, and when they switch to month view the view is all messed up. How do we use this the calendar does not take up the entire screen?

Is it possible to make a List View?

First of all thank you for such a great plugin. I need to make a list view like a UITableView tab next to month tab. I will really appreciate the help or at least the guidance on how to do that.

Example Selected Date

Having an issue in my app so I went to the example. What am I missing in that when you select a date in the Example and then switch from day to month to week, that the selected date keeps changing. Also, TODAY is off by one and I have to add

var today = Date()
today = today.addingTimeInterval(86400)

Is there any option available to select the event, and also on selection change the time and confirm the time

Is your feature request related to a problem? Please describe.
Right now on long hold only the event can be selected directly to modify I need to just select the event. and also modify event and keep our comfortable time and then confirm

Event is not displayed well when date format is changed in iPhone

Hi,

I've been testing the example using this pod. It is really amazing and I didn't find this error until I began to test it in a actual cellphone.
I only tested on iPhone 7, 8 and 11. What happens is that when I have my cellphone configured with 24-hour format, all events are display as follows:

However, as soon as I change to 12-hour format, an error occurs and the events are displayed as follows:

I really would appreciate if you could guide me trough this problem.

Recurring event

Is there a feature for recurring events? I.E. One event that occurs every Monday.

Multiple day event

for example start date from 2020-07-19 at 08:30 and end date 2020-07-21 at 2:52, so how can show 3 days event
{
"all_day": 0,
"border_color": "#FFFFFF",
"color": "#12c745",
"end": "2020-07-21T12:52:00+03:00",
"id": "0",
"start": "2020-07-19T08:30

:00+03:00",

        "text_color": "#000000",
        "title": "All day event number 2",
        "files": ["file"]
    }

Can i change position of date from vertical to horizontal?

Hello, I want to change position of date list as attached screen short please guide me on how to achieve that design.

EventPageView

Hi.
Is there a possibility to change EventPageView to custom view ?

Problem with displaying and loading events in "Week" section

Having an issue in week section to load and display events.
Imagine we have an event on Tuesday February 18 and another on Tuesday February 25. The current day is Tuesday 18, so the first event is well displaying but when i change the week (with the Tuesday 25), the second event isn't displaying and if i click on my view and i begin to slide, the first event (Tuesday 18) is displaying for the Tuesday 25. (same for any weeks)

Only events from current week is displaying. See example (gif)
I followed the example in the readme to write my code.

StoryBoard

How do you use this in a story board?

Wrong date showing for selected date

Hello,

I have an issue where the selected date shows up as a different date.

This is what I mean:

So the screenshot shows Monday as the current day, however the actual day is Tuesday. Underneath the days of the week it does show 'Tuesday, 28 January 2020'.
I tried fixing the issue, but haven't been able to find out what causes the issue.

I made a simple project to see if it occurs as well, and it did.
Here is the code:

import SwiftUI
import KVKCalendar

struct CalendarItem {
    var id: Int

    let isAllDay: Bool
    let color: String
    let start: String
    let end: String
    let title: String
}


struct CalendarDisplayView: UIViewRepresentable {
    var selectDate: Date?
    
    public init(selectDate: Date?) {
        self.selectDate = selectDate
    }
    
    private var calendar: CalendarView = {
        var style = Style()
        return CalendarView(frame: UIScreen.main.bounds, style: style)
    }()
        
    func makeUIView(context: UIViewRepresentableContext<CalendarDisplayView>) -> CalendarView {
        calendar.dataSource = context.coordinator
        calendar.delegate = context.coordinator
        calendar.reloadData()
        return calendar
    }
    
    func updateUIView(_ uiView: CalendarView, context: UIViewRepresentableContext<CalendarDisplayView>) {
        
    }
    
    func makeCoordinator() -> CalendarDisplayView.Coordinator {
        Coordinator(self, selectDate: selectDate)
    }
    
    // MARK: Calendar DataSource and Delegate
    class Coordinator: NSObject, CalendarDataSource, CalendarDelegate {
        private var view: CalendarDisplayView
        
        var selectDate: Date?
        private var events = [Event]()
        
        
        init(_ view: CalendarDisplayView, selectDate: Date?) {
            self.view = view
            self.selectDate = selectDate
            super.init()
            
            loadEvents { (events) in
                self.events = events
                self.view.calendar.reloadData()
            }
        }
        
        
        func eventsForCalendar() -> [Event] {
            return events
        }
        
        func didSelectDate(_ date: Date?, type: CalendarType, frame: CGRect?) {
            selectDate = date ?? Date()
            loadEvents { (events) in
                self.events = events
                self.view.calendar.reloadData()
            }
        }
        
        func loadEvents(completion: ([Event]) -> Void) {
            var events = [Event]()
            
            let result = [CalendarItem(id: 0, isAllDay: false, color: "#93c47d", start: "2020-01-25T12:30:00", end: "2020-01-25T16:00:00", title: "Event number 1"), CalendarItem(id: 1, isAllDay: false, color: "#93c47d", start: "2020-01-25T12:30:00+01:00", end: "2020-01-25T16:00:00+01:00", title: "Event number 2"), CalendarItem(id: 2, isAllDay: false, color: "#93c47d", start: "2020-01-18T12:30:00", end: "2020-01-18T16:00:00", title: "Event number 3"), CalendarItem(id: 3, isAllDay: false, color: "#93c47d", start: "2020-01-15T12:30:00", end: "2020-01-15T16:00:00", title: "Event number 3")]
            
            for (index, item) in result.enumerated() {
                print(item.start)
                let startDate = formatter(date: item.start)
                let endDate = formatter(date: item.end)
                let startTime = timeFormatter(date: startDate)
                let endTime = timeFormatter(date: endDate)
                
                var event = Event()
                event.id = index
                event.start = startDate
                event.end = endDate
                event.color = EventColor(UIColor.hexStringToColor(hex: item.color))
                event.isAllDay = item.isAllDay
                event.isContainsFile = false // !item.files.isEmpty
                event.textForMonth = item.title
                
                if event.isAllDay {
                    event.text = "\(item.title)"
                } else {
                    event.text = "\(startTime) - \(endTime)\n\(item.title)"
                }
                events.append(event)
            }
            completion(events)
        }
        
        func formatter(date: String) -> Date {
            let formatter = DateFormatter()
            formatter.dateFormat = "yyyy-MM-dd'T'HH:mm:ss"
            return formatter.date(from: date) ?? Date()
        }
        
        func timeFormatter(date: Date) -> String {
            let formatter = DateFormatter()
            formatter.dateFormat = "HH:mm"
            return formatter.string(from: date)
        }
    }
}

extension UIColor {
    static func hexStringToColor(hex: String) -> UIColor {
        var cString = hex.trimmingCharacters(in: .whitespacesAndNewlines).uppercased()
        
        if cString.hasPrefix("#") {
            cString.remove(at: cString.startIndex)
        }
        
        if cString.count != 6 {
            return UIColor.gray
        }
        var rgbValue: UInt32 = 0
        Scanner(string: cString).scanHexInt32(&rgbValue)
        
        return UIColor(red: CGFloat((rgbValue & 0xFF0000) >> 16) / 255.0,
                       green: CGFloat((rgbValue & 0x00FF00) >> 8) / 255.0,
                       blue: CGFloat(rgbValue & 0x0000FF) / 255.0,
                       alpha: CGFloat(1.0)
        )
    }
}

struct CalendarDisplayView_Previews: PreviewProvider {
    static var previews: some View {
        CalendarDisplayView(selectDate: Date())
    }
}

Any idea on what's going wrong here?
Thank you in advance! :)

Attempted to read an unowned reference but the object was already deallocated

I use your component in a NavigationView page detail.
When I go back into list and the minute changes, the component still call movingCurrentLineHour throwing 'Fatal error: Attempted to read an unowned reference but the object was already deallocated' in TimelineView:282.
How can I catch this? It is possible to fix or did I do something wrong?

Missing part of day

how can i show all the morning area in case first event fetched in the day start in the afternoon?

thanks

Problem with displaying events in the "Month" section

There is a problem when you want to display several events with different months.
For example, if I create one event on December 20 and another on November 20, in the "Month" section when I scroll around November, it is the first event created that will be displayed, namely the event of December 20.
The date is well referenced but not the rest....

Example not working

So if I run the example app and select today, the date is incorrect. If I then select a week or month, the selected date changes to the incorrect date.

Thoughts?

did followInInterface get renamed?

Did followInInterface get renamed to followInSystemTheme ?

Calendar scrolls up but never down

When moving an event, the calendar scrolls up but not down.

Events in UTC - Local

I'm assuming that Events are in UTC right? If I want to create an event for today, Central Time for 8.am ( or 8am for whatever timezone the phone is currently in), what do I use for an event start date object?

Month View Day icon getting cut off

Thoughts as to how to fix the fact that the current-day icon is getting chopped off when we switch to Month View?