Jtapplecalendar: Made a cool calendar? Post its image here. #2

[patchthecode]

This post is now locked. To add your calendar screenshot, please click this link instead

Want to see the previous Screen Shots #1? Click here now

[dimitris-c]

Made an availability calendar using multiple instances of JTAppleCalendar embedded on custom UICollectionViewCells.
I haven't tried to dynamically calculate the height for each month based on its rows. I think it's a bit tricky... for now some months will have a larger space at the bottom of each cell.

[patchthecode]

@dimmdesign awesome theme there. Btw, would one instance of the calendar work in vertical mode? I think the calendar should look the same right?

[dimitris-c]

@patchthecode - It should work in either direction, even with a custom layout. And I guess you could also make each calendar work independently as well.

[tungfam]

Had a goal to create a calendar with vertical continuous scrolling and selecting range of dates "from" and "to". Many thanks to @patchthecode for creating such a perfect library!
So here is what I've made:

PS: @patchthecode when I found this calendar I checked the screenshots and was not able to find any which represented the vertical scrolling calendars (which is more iOS style I think rather than horizontal). So I was really about to start looking for a new lib, cuz this one had no examples of vertical scrolling so I thought it's not possible to be done by this lib, but fortunately I found an issue with the question and was able to achieve my goal :) Why am I writing this long story: I think it would be great if you add the vertical scrolling calendars to your main example (the gif on cocapod and main github page) since I think this will increase conversion of your library usage. Hope you got my point ! :)

Thanks!

[kmentrobin]

Here is my version of JTAppleCalendar to have functions like AirBnb to block nights after nearest not available date sorry for my english in code :)

If you want inspiration: https://github.com/kmentrobin/JTAppleCalendarAirBnb

[boborbt]

[MrNiceMrGood]

Really great lib, ez to use and implement. Also, author is such nice and great guy, always willing to help and improve.

[bhavinmakadia]

[rjjohnpatrickcruz]

[patchthecode]

Looking good :) +1 man

[TimeToCodeIos]

[patchthecode]

@TimeToCodeIos is this one for iPad? Nice clean design +1

[TimeToCodeIos]

@patchthecode Thank you :) No,It is for iphone only

[capptan]

Very simple and clean, will be using this calendar to schedule medical appointments, altho I need help with something, I need to only display the available dates returned from my webservice... anyone has ideas?

[patchthecode]

@capptan Looking good man. Open a new issue and I can help you with that design to show only available dates

[AmitBluepi]

@capptan I also need same calendar with available time slot on particular dates.If someone can help me in this.

[ChanchalW]

Added in one another project. I used it in 5 projects. And swift 3 update is nice and many things are much simpler now.

[patchthecode]

@ChanchalW i like the way you did the miniature notifications +1

[RushanB]

Academic Calendar to help students manage their courses and athletics!

[patchthecode]

@RushanB looking good. Glad it could help with this sort of work.

[almatri]

Thanks for this amazing library

[patchthecode]

@almatri youre welcome man. +1. Your design looks very clean. :)

[hemangshah]

@almatri, how did you created that gradient navigation bar? Btw, your design looks cool.

[almatri]

@hemangshah

First: I created a function for CAGradientLayer to create gradient colored layer for specific bounds

extension CAGradientLayer {
class func gradientLayerForBounds(bounds: CGRect, colors: [CGColor], locations: [NSNumber], startPoint: CGPoint, endPoint: CGPoint) -> CAGradientLayer {
    let layer = CAGradientLayer()
    layer.frame = bounds
    layer.colors = colors
    layer.locations = locations
    layer.startPoint = startPoint
    layer.endPoint = endPoint
    return layer
}
}

Second: I created a function that create a gradient colored image. Notice that the parameters have default values and for the colors I used "UIColor_Hex_Swift".

 func imageLayerForGradientBackground(frame: CGRect, colors: [CGColor] = [UIColor("#6058c2").cgColor, UIColor("#387ec9").cgColor], locations: [NSNumber] = [0.3, 0.7], startPoint: CGPoint = CGPoint(x: 0, y: 0.5), endPoint: CGPoint = CGPoint(x: 1, y: 0.5)) -> UIImage {

    var updatedFrame = frame
    // take into account the status bar
    updatedFrame.size.height += 20
    let layer = CAGradientLayer.gradientLayerForBounds(bounds: updatedFrame, colors: colors, locations: locations, startPoint: startPoint, endPoint: endPoint)
    UIGraphicsBeginImageContext(layer.bounds.size)
    layer.render(in: UIGraphicsGetCurrentContext()!)
    let image = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()

    return image!
}

Then just set a background image using the function "imageLayerForGradientBackground"

self.navigationBar.setBackgroundImage(imageLayerForGradientBackground(frame: self.navigationBar.bounds), for: UIBarMetrics.default)

[dmholmes]

Events calendar used in our patient and employee app. Thanks!

[hemangshah]

@almatri, thank you so much!

[ameyavichare]

[patchthecode]

@ameyavichare interesting concept with that time scroller at the bottom. +1

[patchthecode]

Click here for more images