Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
================================================
FILE: Package.swift
================================================
// swift-tools-version:5.5
// The swift-tools-version declares the minimum version of Swift required to build this package.
import PackageDescription
let package = Package(
name: "SwiftUICalendar",
platforms: [.iOS(.v14)],
//, .macOS(???)
products: [
// Products define the executables and libraries a package produces, and make them visible to other packages.
.library(
name: "SwiftUICalendar",
targets: ["SwiftUICalendar"]),
],
dependencies: [
// Dependencies declare other packages that this package depends on.
// .package(url: /* package url */, from: "1.0.0"),
],
targets: [
// Targets are the basic building blocks of a package. A target can define a module or a test suite.
// Targets can depend on other targets in this package, and on products in packages this package depends on.
.target(
name: "SwiftUICalendar",
dependencies: [],
path: "Sources/SwiftUICalendar/Classes"
),
//.testTarget(
// name: "SwiftUICalendarTests",
// dependencies: ["SwiftUICalendar"]),
]
)
================================================
FILE: README.md
================================================
# SwiftUICalendar
[](https://cocoapods.org/pods/SwiftUICalendar)
[](https://cocoapods.org/pods/SwiftUICalendar)
[](https://cocoapods.org/pods/SwiftUICalendar)
SwiftUICalendar is calendar view for SwiftUI
## Installation
### [Swift Package Manager](https://swift.org/package-manager/)
- From url : `https://github.com/GGJJack/SwiftUICalendar`
or
- Package.swift
```swift
.package(name: "SwiftUICalendar", url: "https://github.com/GGJJack/SwiftUICalendar", from: "0.1.14")
```
### [CocoaPods](https://cocoapods.org)
```ruby
pod 'SwiftUICalendar'
```
### import
```swift
import SwiftUICalendar
```
## Features
- Infinite scroll
- Support horizontal and vertical scroll
- Full custom calendar cell
- Pager lock
- Starting the week with Sunday or Monday
## Example
### Basic
```swift
CalendarView() { date in
Text("\(date.day)")
}
```
### Basic use
Show example code
```swift
struct BasicUseView: View {
@ObservedObject var controller: CalendarController = CalendarController(orientation: .vertical)
var body: some View {
GeometryReader { reader in
VStack(alignment: .center, spacing: 0) {
Text("\(controller.yearMonth.monthShortString), \(String(controller.yearMonth.year))")
.font(.title)
.padding(EdgeInsets(top: 8, leading: 0, bottom: 8, trailing: 0))
HStack(alignment: .center, spacing: 0) {
ForEach(0..<7, id: \.self) { i in
Text(DateFormatter().shortWeekdaySymbols[i])
.font(.headline)
.frame(width: reader.size.width / 7)
}
}
CalendarView(controller) { date in
GeometryReader { geometry in
ZStack(alignment: .center) {
if date.isToday {
Circle()
.padding(4)
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
.foregroundColor(.orange)
Text("\(date.day)")
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
.font(.system(size: 10, weight: .bold, design: .default))
.foregroundColor(.white)
} else {
Text("\(date.day)")
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
.font(.system(size: 10, weight: .light, design: .default))
.foregroundColor(getColor(date))
.opacity(date.isFocusYearMonth == true ? 1 : 0.4)
}
}
}
}
}
}
}
}
```
### Calendar scroll
Show example code
```swift
struct CalendarScrollView: View {
@ObservedObject var controller: CalendarController = CalendarController()
var body: some View {
GeometryReader { reader in
VStack(alignment: .center, spacing: 0) {
HStack(alignment: .center, spacing: 0) {
Spacer()
Button("Older") {
controller.scrollTo(YearMonth(year: 1500, month: 1), isAnimate: true)
}
Spacer()
Button("Today") {
controller.scrollTo(YearMonth.current, isAnimate: false)
}
Spacer()
Button("Today Scroll") {
controller.scrollTo(YearMonth.current, isAnimate: true)
}
Spacer()
Button("Future") {
controller.scrollTo(YearMonth(year: 2500, month: 1), isAnimate: true)
}
Spacer()
}
Text("\(controller.yearMonth.monthShortString), \(String(controller.yearMonth.year))")
.font(.title)
.padding(EdgeInsets(top: 8, leading: 0, bottom: 8, trailing: 0))
HStack(alignment: .center, spacing: 0) {
ForEach(0..<7, id: \.self) { i in
Text(DateFormatter().shortWeekdaySymbols[i])
.font(.headline)
.frame(width: reader.size.width / 7)
}
}
CalendarView(controller) { date in
GeometryReader { geometry in
Text("\(date.day)")
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
.font(.system(size: 10, weight: .light, design: .default))
.opacity(date.isFocusYearMonth == true ? 1 : 0.4)
}
}
.navigationBarTitle("Calendar Scroll")
// .onChange(of: controller.yearMonth) { yearMonth in // If you want to detect date change
// print(yearMonth)
// }
}
}
}
}
```
### Embed Header
Show example code
```swift
struct EmbedHeaderView: View {
@ObservedObject var controller: CalendarController = CalendarController()
var body: some View {
GeometryReader { reader in
VStack {
HStack(alignment: .center, spacing: 0) {
Button("Prev") {
controller.scrollTo(controller.yearMonth.addMonth(value: -1), isAnimate: true)
}
.padding(8)
Spacer()
Text("\(controller.yearMonth.monthShortString), \(String(controller.yearMonth.year))")
.font(.title)
.padding(EdgeInsets(top: 8, leading: 0, bottom: 8, trailing: 0))
Spacer()
Button("Next") {
controller.scrollTo(controller.yearMonth.addMonth(value: 1), isAnimate: true)
}
.padding(8)
}
CalendarView(controller, header: { week in
GeometryReader { geometry in
Text(week.shortString)
.font(.subheadline)
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
}
}, component: { date in
GeometryReader { geometry in
Text("\(date.day)")
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
.font(.system(size: 10, weight: .light, design: .default))
.opacity(date.isFocusYearMonth == true ? 1 : 0.4)
}
})
}
}
.navigationBarTitle("Embed header")
}
}
```
### Information
Show example code
```swift
extension YearMonthDay: Hashable {
public func hash(into hasher: inout Hasher) {
hasher.combine(self.year)
hasher.combine(self.month)
hasher.combine(self.day)
}
}
struct InformationView: View {
var informations = [YearMonthDay: [(String, Color)]]()
init() {
var date = YearMonthDay.current
informations[date] = []
informations[date]?.append(("Hello", Color.orange))
informations[date]?.append(("World", Color.blue))
date = date.addDay(value: 3)
informations[date] = []
informations[date]?.append(("Test", Color.pink))
date = date.addDay(value: 8)
informations[date] = []
informations[date]?.append(("Jack", Color.green))
date = date.addDay(value: 5)
informations[date] = []
informations[date]?.append(("Home", Color.red))
date = date.addDay(value: -23)
informations[date] = []
informations[date]?.append(("Meet at 8, Home", Color.purple))
date = date.addDay(value: -5)
informations[date] = []
informations[date]?.append(("Home", Color.yellow))
date = date.addDay(value: -10)
informations[date] = []
informations[date]?.append(("Baseball", Color.green))
}
var body: some View {
GeometryReader { reader in
VStack {
CalendarView(header: { week in
GeometryReader { geometry in
Text(week.shortString)
.font(.subheadline)
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
}
}, component: { date in
GeometryReader { geometry in
VStack(alignment: .leading, spacing: 2) {
if date.isToday {
Text("\(date.day)")
.font(.system(size: 10, weight: .bold, design: .default))
.padding(4)
.foregroundColor(.white)
.background(Color.red.opacity(0.95))
.cornerRadius(14)
} else {
Text("\(date.day)")
.font(.system(size: 10, weight: .light, design: .default))
.opacity(date.isFocusYearMonth == true ? 1 : 0.4)
.foregroundColor(getColor(date))
.padding(4)
}
if let infos = informations[date] {
ForEach(infos.indices) { index in
let info = infos[index]
Text(info.0)
.lineLimit(1)
.foregroundColor(.white)
.font(.system(size: 8, weight: .bold, design: .default))
.padding(EdgeInsets(top: 2, leading: 4, bottom: 2, trailing: 4))
.frame(width: geometry.size.width, alignment: .center)
.background(info.1.opacity(0.75))
.cornerRadius(4)
.opacity(date.isFocusYearMonth == true ? 1 : 0.4)
}
}
}
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .topLeading)
}
})
}
}
.navigationBarTitle("Information")
}
private func getColor(_ date: YearMonthDay) -> Color {
if date.dayOfWeek == .sun {
return Color.red
} else if date.dayOfWeek == .sat {
return Color.blue
} else {
return Color.black
}
}
}
```
### Selection
Show example code
```swift
struct SelectionView: View {
@ObservedObject var controller: CalendarController = CalendarController()
@State var focusDate: YearMonthDay? = YearMonthDay.current
var body: some View {
GeometryReader { reader in
VStack {
CalendarView(controller, header: { week in
GeometryReader { geometry in
Text(week.shortString)
.font(.subheadline)
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
}
}, component: { date in
GeometryReader { geometry in
Text("\(date.day)")
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
.font(.system(size: 10, weight: .light, design: .default))
.opacity(date.isFocusYearMonth == true ? 1 : 0.4)
.border(.green.opacity(0.8), width: (focusDate == date ? 1 : 0))
.cornerRadius(2)
.contentShape(Rectangle())
.onTapGesture {
focusDate = (date != focusDate ? date : nil)
}
}
})
}
}
.navigationBarTitle("Selection")
}
}
```
### Information + Selection
Show example code
```swift
struct InformationWithSelectionView: View {
let controller = CalendarController()
var informations = [YearMonthDay: [(String, Color)]]()
@State var focusDate: YearMonthDay? = nil
@State var focusInfo: [(String, Color)]? = nil
init() {
var date = YearMonthDay.current
informations[date] = []
informations[date]?.append(("Hello", Color.orange))
informations[date]?.append(("World", Color.blue))
date = date.addDay(value: 3)
informations[date] = []
informations[date]?.append(("Test", Color.pink))
date = date.addDay(value: 8)
informations[date] = []
informations[date]?.append(("Jack", Color.green))
date = date.addDay(value: 5)
informations[date] = []
informations[date]?.append(("Home", Color.red))
date = date.addDay(value: -23)
informations[date] = []
informations[date]?.append(("Meet at 8, Home", Color.purple))
date = date.addDay(value: -5)
informations[date] = []
informations[date]?.append(("Home", Color.yellow))
date = date.addDay(value: -10)
informations[date] = []
informations[date]?.append(("Baseball", Color.green))
}
var body: some View {
GeometryReader { reader in
VStack {
CalendarView(controller, header: { week in
GeometryReader { geometry in
Text(week.shortString)
.font(.subheadline)
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
}
}, component: { date in
GeometryReader { geometry in
VStack(alignment: .leading, spacing: 2) {
if date.isToday {
Text("\(date.day)")
.font(.system(size: 10, weight: .bold, design: .default))
.padding(4)
.foregroundColor(.white)
.background(Color.red.opacity(0.95))
.cornerRadius(14)
} else {
Text("\(date.day)")
.font(.system(size: 10, weight: .light, design: .default))
.opacity(date.isFocusYearMonth == true ? 1 : 0.4)
.foregroundColor(getColor(date))
.padding(4)
}
if let infos = informations[date] {
ForEach(infos.indices) { index in
let info = infos[index]
if focusInfo != nil {
Rectangle()
.fill(info.1.opacity(0.75))
.frame(width: geometry.size.width, height: 4, alignment: .center)
.cornerRadius(2)
.opacity(date.isFocusYearMonth == true ? 1 : 0.4)
} else {
Text(info.0)
.lineLimit(1)
.foregroundColor(.white)
.font(.system(size: 8, weight: .bold, design: .default))
.padding(EdgeInsets(top: 2, leading: 4, bottom: 2, trailing: 4))
.frame(width: geometry.size.width, alignment: .center)
.background(info.1.opacity(0.75))
.cornerRadius(4)
.opacity(date.isFocusYearMonth == true ? 1 : 0.4)
}
}
}
}
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .topLeading)
.border(.green.opacity(0.8), width: (focusDate == date ? 1 : 0))
.cornerRadius(2)
.contentShape(Rectangle())
.onTapGesture {
withAnimation {
if focusDate == date {
focusDate = nil
focusInfo = nil
} else {
focusDate = date
focusInfo = informations[date]
}
}
}
}
})
if let infos = focusInfo {
List(infos.indices, id: \.self) { index in
let info = infos[index]
HStack(alignment: .center, spacing: 0) {
Circle()
.fill(info.1.opacity(0.75))
.frame(width: 12, height: 12)
Text(info.0)
.padding(.leading, 8)
}
}
.frame(width: reader.size.width, height: 160, alignment: .center)
}
}
}
.navigationBarTitle("Info + Select")
}
private func getColor(_ date: YearMonthDay) -> Color {
if date.dayOfWeek == .sun {
return Color.red
} else if date.dayOfWeek == .sat {
return Color.blue
} else {
return Color.black
}
}
}
```
### Date change detection
```Swift
CalendarView(controller) { date in
....
}
.onChange(of: controller.yearMonth) { yearMonth in
print(yearMonth)
}
```
### Start with Monday
Show example code
```swift
struct StartMondayView: View {
@ObservedObject var controller: CalendarController = CalendarController()
var body: some View {
GeometryReader { reader in
VStack {
Text("\(controller.yearMonth.monthShortString), \(String(controller.yearMonth.year))")
.font(.title)
.padding(EdgeInsets(top: 8, leading: 0, bottom: 8, trailing: 0))
CalendarView(controller, startWithMonday: true, headerSize: .fixHeight(50.0)) { week in
Text("\(week.shortString)")
.font(.headline)
.frame(width: reader.size.width / 7)
} component: { date in
GeometryReader { geometry in
if date.isToday {
Circle()
.padding(4)
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
.foregroundColor(.orange)
Text("\(date.day)")
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
.font(.system(size: 10, weight: .bold, design: .default))
.foregroundColor(.white)
} else {
Text("\(date.day)")
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
.font(.system(size: 10, weight: .light, design: .default))
.foregroundColor(.black)
.opacity(date.isFocusYearMonth == true ? 1 : 0.4)
}
}
}
}
}
}
}
```
Show example code
```swift
struct StartMondayView: View {
@ObservedObject var controller: CalendarController = CalendarController()
var body: some View {
GeometryReader { reader in
VStack {
HStack(alignment: .center, spacing: 0) {
ForEach(0..<7, id: \.self) { i in
Text(DateFormatter().shortWeekdaySymbols[i < 6 ? i + 1 : 0])
.font(.headline)
.frame(width: reader.size.width / 7)
}
}
CalendarView(controller, startWithMonday: true, headerSize: .fixHeight(50.0)) { week in
Text("\(week.shortString)")
.font(.headline)
.frame(width: reader.size.width / 7)
} component: { date in
GeometryReader { geometry in
if date.isToday {
Circle()
.padding(4)
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
.foregroundColor(.orange)
Text("\(date.day)")
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
.font(.system(size: 10, weight: .bold, design: .default))
.foregroundColor(.white)
} else {
Text("\(date.day)")
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
.font(.system(size: 10, weight: .light, design: .default))
.foregroundColor(.black)
.opacity(date.isFocusYearMonth == true ? 1 : 0.4)
}
}
}
}
}
}
}
```
## Struct
### CalendarView
```Swift
public struct CalendarView: View {
public init(
_ controller: CalendarController = CalendarController(),
startWithMonday: Bool = false,
@ViewBuilder component: @escaping (YearMonthDay) -> CalendarCell
) {
...
}
public init(
_ controller: CalendarController = CalendarController(),
startWithMonday: Bool = false,
headerSize: HeaderSize = .fixHeight(40),
@ViewBuilder header: @escaping (Week) -> HeaderCell,
@ViewBuilder component: @escaping (YearMonthDay) -> CalendarCell
) {
...
}
...
}
```
### HeaderSize
```Swift
public enum HeaderSize {
case zero
case ratio
case fixHeight(CGFloat)
}
```
### CalendarController
```Swift
public class CalendarController: ObservableObject {
public init(
_ yearMonth: YearMonth = .current,
orientation: Orientation = .horizontal,
isLocked: Bool = false
)
...
}
var verticalController = CalendarController(
YearMonth.current,
orientation: .vertical,
isLocked: true
)
var controller = CalendarController()
// Scroll with animate
controller.scrollTo(year: 1991, month: 2, isAnimate: true)
// Scroll without animate
controller.scrollTo(YearMonth.current, isAnimate: false)
// Lock Pager
controller.isLocked = true
```
### YearMonth
```Swift
public struct YearMonth: Equatable {
public let year: Int
public let month: Int
public init(year: Int, month: Int) { ... }
...
}
let date = YearMonth(year: 2021, month: 10)
let now = YearMonth.current // Now
print(date.monthShortString) // Oct // Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
let nextMonth = date.addMonth(value: 1) // {year: 2021, month: 11}
let diff = nextMonth.diffMonth(value: date) // 2021/11 - 2021/10 = 1
let components: DateComponents = nextMonth.toDateComponents()
```
### YearMonthDay
```Swift
public struct YearMonthDay: Equatable {
public let year: Int
public let month: Int
public let day: Int
public let isFocusYearMonth: Bool?
public init(year: Int, month: Int, day: Int) { ... }
public init(year: Int, month: Int, day: Int, isFocusYearMonth: Bool) { ... }
...
}
let date = YearMonthDay(year: 2021, month: 10, day: 26)
let now = YearMonthDay.current
let isToday = now.isToday // true
let dayOfWeek: Week = date.dayOfWeek // Tue // Sun, Mon, Tue, Wed, Thu, Fri, Sat
let toDate = date.date! // { 2021/10/26 }
let components: DateComponents = date.toDateComponents()
let tomorrow = date.addDay(value: 1) // {year: 2021, month: 10, day: 27}
let diff = tomorrow.diffDay(value: date) // 2021/10/27 - 2021/10/26 = 1
```
### Week
```Swift
public enum Week: Int, CaseIterable {
case sun = 0
case mon = 1
case tue = 2
case wed = 3
case thu = 4
case fri = 5
case sat = 6
public var shortString: String // Sun, Mon, Tue, Wed, Thu, Fri, Sat
}
```
## Contributors
Thank you very much for your contribution! 🙏
| [
](https://github.com/aaron25mt) |[
](https://github.com/NSRover) | [
](https://github.com/sanhee16) |
|:---:|:---:|:---:|
| [@aaron25mt](https://github.com/aaron25mt) | [@NSRover](https://github.com/NSRover) |[@sanhee16](https://github.com/sanhee16) |
## Author
GGJJack, ggaljjak.choi@gmail.com
## License
SwiftUICalendar is available under the MIT license. See the LICENSE file for more info.
================================================
FILE: Sources/SwiftUICalendar/Assets/.gitkeep
================================================
================================================
FILE: Sources/SwiftUICalendar/Classes/.gitkeep
================================================
================================================
FILE: Sources/SwiftUICalendar/Classes/CalendarController.swift
================================================
//
// CalendarProxy.swift
// SwiftUICalendar
//
// Created by GGJJack on 2021/10/25.
//
import SwiftUI
import Combine
public class CalendarController: ObservableObject {
@Published public var yearMonth: YearMonth
@Published public var isLocked: Bool
@Published internal var position: Int = Global.CENTER_PAGE
@Published internal var internalYearMonth: YearMonth
internal let orientation: Orientation
internal let columnCount = 7
internal let rowCount = 6
internal let max: Int = Global.MAX_PAGE
internal let center: Int = Global.CENTER_PAGE
internal let scrollDetector: CurrentValueSubject
internal var cancellables = Set()
public init(_ yearMonth: YearMonth = .current, orientation: Orientation = .horizontal, isLocked: Bool = false) {
let detector = CurrentValueSubject(0)
self.scrollDetector = detector
self.internalYearMonth = yearMonth
self.yearMonth = yearMonth
self.orientation = orientation
self.isLocked = isLocked
detector
.debounce(for: .seconds(0.2), scheduler: DispatchQueue.main)
.dropFirst()
.sink { [weak self] value in
if let self = self {
let move = self.position - self.center
self.internalYearMonth = self.internalYearMonth.addMonth(value: move)
self.yearMonth = self.internalYearMonth
self.position = self.center
self.objectWillChange.send()
}
}
.store(in: &cancellables)
}
public func setYearMonth(year: Int, month: Int) {
self.setYearMonth(YearMonth(year: year, month: month))
}
public func setYearMonth(_ yearMonth: YearMonth) {
self.yearMonth = yearMonth
self.internalYearMonth = yearMonth
self.position = self.center
self.objectWillChange.send()
}
public func scrollTo(year: Int, month: Int, isAnimate: Bool = true) {
self.scrollTo(YearMonth(year: year, month: month), isAnimate: isAnimate)
}
public func scrollTo(_ yearMonth: YearMonth, isAnimate: Bool = true) {
if isAnimate {
var diff = self.position - yearMonth.diffMonth(value: self.yearMonth)
if diff < 0 {
self.internalYearMonth = yearMonth.addMonth(value: self.center)
diff = 0
// 4 * 12 + 2 50
} else if self.max <= diff {
self.internalYearMonth = yearMonth.addMonth(value: -self.center + 1)
diff = self.max - 1
}
self.objectWillChange.send()
withAnimation { [weak self] in
if let self = self {
self.position = diff
self.objectWillChange.send()
}
}
} else {
self.internalYearMonth = yearMonth
self.yearMonth = yearMonth
self.objectWillChange.send()
}
}
}
================================================
FILE: Sources/SwiftUICalendar/Classes/CalendarView.swift
================================================
//
// CalendarView.swift
// SwiftUICalendar
//
// Created by GGJJack on 2021/10/26.
//
import SwiftUI
import Combine
public struct CalendarView: View {
private var gridItem: [GridItem] = Array(repeating: .init(.flexible(), spacing: 0), count: 7) // columnCount
private let component: (YearMonthDay) -> CalendarCell
private let header: (Week) -> HeaderCell?
private var headerSize: HeaderSize
@ObservedObject private var controller: CalendarController
private let isHasHeader: Bool
private var startWithMonday: Bool
public init(
_ controller: CalendarController = CalendarController(),
startWithMonday: Bool = false,
@ViewBuilder component: @escaping (YearMonthDay) -> CalendarCell
) where HeaderCell == EmptyView {
self.controller = controller
self.startWithMonday = startWithMonday
self.header = { _ in nil }
self.component = component
self.isHasHeader = false
self.headerSize = .zero
}
public init(
_ controller: CalendarController = CalendarController(),
startWithMonday: Bool = false,
headerSize: HeaderSize = .fixHeight(40),
@ViewBuilder header: @escaping (Week) -> HeaderCell,
@ViewBuilder component: @escaping (YearMonthDay) -> CalendarCell
) {
self.controller = controller
self.startWithMonday = startWithMonday
self.header = header
self.component = component
self.isHasHeader = true
self.headerSize = headerSize
}
public var body: some View {
GeometryReader { proxy in
InfinitePagerView(controller, orientation: controller.orientation) { yearMonth, i in
LazyVGrid(columns: gridItem, alignment: .center, spacing: 0) {
ForEach(0..<(controller.columnCount * (controller.rowCount + (isHasHeader ? 1 : 0))), id: \.self) { j in
GeometryReader { geometry in
if isHasHeader && j < controller.columnCount {
header(Week.allCases[!self.startWithMonday ? j : j < 6 ? j + 1 : 0])
} else {
let date = yearMonth.cellToDate(j - (isHasHeader ? 7 : 0), startWithMonday: startWithMonday)
self.component(date)
}
}
.frame(height: calculateCellHeight(j, geometry: proxy))
}
}
.frame(width: proxy.size.width, height: proxy.size.height, alignment: .center)
}
}
}
func calculateCellHeight(_ index: Int, geometry: GeometryProxy) -> CGFloat {
if !isHasHeader {
return geometry.size.height / CGFloat(controller.rowCount)
}
var headerHeight: CGFloat = 0
switch headerSize {
case .zero:
headerHeight = 0
case .ratio:
headerHeight = geometry.size.height / CGFloat(controller.rowCount + 1)
case .fixHeight(let value):
headerHeight = value
}
if index < controller.columnCount {
return headerHeight
} else {
return (geometry.size.height - headerHeight) / CGFloat(controller.rowCount)
}
}
}
struct CalendarView_Previews: PreviewProvider {
static var previews: some View {
CalendarView(CalendarController()) { date in
GeometryReader { geometry in
Text("\(String(date.year))/\(date.month)/\(date.day)")
.frame(width: geometry.size.width, height: geometry.size.height, alignment: .topLeading)
.border(.black, width: 1)
.font(.system(size: 8))
.opacity(date.isFocusYearMonth == true ? 1 : 0.6)
}
}
}
}
================================================
FILE: Sources/SwiftUICalendar/Classes/Global.swift
================================================
//
// Global.swift
// SwiftUICalendar
//
// Created by GGJJack on 2021/10/22.
//
import Foundation
import SwiftUI
class Global {
static let MAX_PAGE = 100
static let CENTER_PAGE = 100 / 2
}
================================================
FILE: Sources/SwiftUICalendar/Classes/InfinitePagerView.swift
================================================
//
// InfinitePagerView.swift
// SwiftUICalendar
//
// Created by GGJJack on 2021/10/22.
//
import Foundation
import SwiftUI
import Combine
internal struct InfinitePagerView: View {
private let content: (YearMonth, Int) -> Content
private let flippingAngle: Angle = Angle(degrees: 0)
@ObservedObject private var controller: CalendarController
private var _onMoveCenter: ((Int) -> Void)? = nil
init(_ controller: CalendarController, orientation: Orientation, @ViewBuilder content: @escaping (YearMonth, Int) -> Content) {
self.controller = controller
self.content = content
}
var body: some View {
drawTabView { geometry in
ForEach(0..(@ViewBuilder content: @escaping (GeometryProxy) -> V) -> some View {
return GeometryReader { proxy in
if controller.orientation == .horizontal {
TabView(selection: $controller.position) {
content(proxy)
.contentShape(Rectangle())
.gesture(controller.isLocked ? DragGesture() : nil)
}
.frame(width: proxy.size.width, height: proxy.size.height)
.tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
.coordinateSpace(name: "scroll")
} else {
TabView(selection: $controller.position) {
content(proxy)
.frame(width: proxy.size.width, height: proxy.size.height)
.rotationEffect(.degrees(-90))
.rotation3DEffect(flippingAngle, axis: (x: 1, y: 0, z: 0))
.contentShape(Rectangle())
.gesture(controller.isLocked ? DragGesture() : nil)
}
.frame(width: proxy.size.height, height: proxy.size.width)
.rotation3DEffect(flippingAngle, axis: (x: 1, y: 0, z: 0))
.rotationEffect(.degrees(90), anchor: .topLeading)
.offset(x: proxy.size.width)
.tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
.coordinateSpace(name: "scroll")
}
}
}
func onMoveCenter(callback: ((Int) -> Void)?) -> Self {
var ret = self
ret._onMoveCenter = callback
return ret
}
}
fileprivate struct ScrollOffsetKey: PreferenceKey {
typealias Value = CGFloat
static var defaultValue = CGFloat.zero
static func reduce(value: inout Value, nextValue: () -> Value) {
value += nextValue()
}
}
================================================
FILE: Sources/SwiftUICalendar/Classes/Struct.swift
================================================
//
// Struct.swift
// SwiftUICalendar
//
// Created by GGJJack on 2021/10/21.
//
import Foundation
import SwiftUI
public enum Week: Int, CaseIterable {
case sun = 0
case mon = 1
case tue = 2
case wed = 3
case thu = 4
case fri = 5
case sat = 6
public var shortString: String {
get {
return DateFormatter().shortWeekdaySymbols[self.rawValue]
}
}
public func shortString(locale: Locale) -> String {
let formatter = DateFormatter()
formatter.locale = locale
return formatter.shortWeekdaySymbols[self.rawValue]
}
}
public enum Orientation {
case horizontal
case vertical
}
public enum HeaderSize {
case zero
case ratio
case fixHeight(CGFloat)
}
public struct YearMonth: Equatable, Hashable {
public let year: Int
public let month: Int
public init(year: Int, month: Int) {
self.year = year
self.month = month
}
public static var current: YearMonth {
get {
let today = Date()
return YearMonth(year: Calendar.current.component(.year, from: today), month: Calendar.current.component(.month, from: today))
}
}
public static func ==(lhs: Self, rhs: Self) -> Bool {
return lhs.year == rhs.year && lhs.month == rhs.month
}
public var monthShortString: String {
get {
var components = toDateComponents()
components.day = 1
components.hour = 0
components.minute = 0
components.second = 0
let formatter = DateFormatter()
formatter.dateFormat = "MMM"
return formatter.string(from: Calendar.current.date(from: components)!)
}
}
public func addMonth(value: Int) -> YearMonth {
let gregorianCalendar = NSCalendar(calendarIdentifier: .gregorian)!
let toDate = self.toDateComponents()
var components = DateComponents()
components.month = value
let addedDate = Calendar.current.date(byAdding: components, to: gregorianCalendar.date(from: toDate)!)!
let ret = YearMonth(year: Calendar.current.component(.year, from: addedDate), month: Calendar.current.component(.month, from: addedDate))
return ret
}
public func diffMonth(value: YearMonth) -> Int {
var origin = self.toDateComponents()
origin.day = 1
origin.hour = 0
origin.minute = 0
origin.second = 0
var new = value.toDateComponents()
new.day = 1
new.hour = 0
new.minute = 0
new.second = 0
return Calendar.current.dateComponents([.month], from: Calendar.current.date(from: origin)!, to: Calendar.current.date(from: new)!).month!
}
public func toDateComponents() -> DateComponents {
var components = DateComponents()
components.year = self.year
components.month = self.month
return components
}
public func hash(into hasher: inout Hasher) {
hasher.combine(self.year)
hasher.combine(self.month)
}
internal func cellToDate(_ cellIndex: Int, startWithMonday: Bool) -> YearMonthDay {
let gregorianCalendar = NSCalendar(calendarIdentifier: .gregorian)!
var toDateComponent = DateComponents()
toDateComponent.year = self.year
toDateComponent.month = self.month
toDateComponent.day = 1
let toDate = gregorianCalendar.date(from: toDateComponent)!
let weekday = Calendar.current.component(.weekday, from: toDate) // 1Sun, 2Mon, 3Tue, 4Wed, 5Thu, 6Fri, 7Sat
var components = DateComponents()
components.day = cellIndex - weekday + (!startWithMonday ? 1 : weekday == 1 ? (-5) : 2)
let addedDate = Calendar.current.date(byAdding: components, to: toDate)!
let year = Calendar.current.component(.year, from: addedDate)
let month = Calendar.current.component(.month, from: addedDate)
let day = Calendar.current.component(.day, from: addedDate)
let isFocusYaerMonth = year == self.year && month == self.month
let ret = YearMonthDay(year: year, month: month, day: day, isFocusYearMonth: isFocusYaerMonth)
return ret
}
}
public struct YearMonthDay: Equatable, Hashable {
public let year: Int
public let month: Int
public let day: Int
public let isFocusYearMonth: Bool?
public init(year: Int, month: Int, day: Int) {
self.year = year
self.month = month
self.day = day
self.isFocusYearMonth = nil
}
public init(year: Int, month: Int, day: Int, isFocusYearMonth: Bool) {
self.year = year
self.month = month
self.day = day
self.isFocusYearMonth = isFocusYearMonth
}
public static var current: YearMonthDay {
get {
let today = Date()
return YearMonthDay(
year: Calendar.current.component(.year, from: today),
month: Calendar.current.component(.month, from: today),
day: Calendar.current.component(.day, from: today)
)
}
}
public static func ==(lhs: Self, rhs: Self) -> Bool {
return lhs.year == rhs.year && lhs.month == rhs.month && lhs.day == rhs.day
}
public var isToday: Bool {
let today = Date()
let year = Calendar.current.component(.year, from: today)
let month = Calendar.current.component(.month, from: today)
let day = Calendar.current.component(.day, from: today)
return self.year == year && self.month == month && self.day == day
}
public var dayOfWeek: Week {
let weekday = Calendar.current.component(.weekday, from: self.date!)
return Week.allCases[weekday - 1]
}
public var date: Date? {
let gregorianCalendar = NSCalendar(calendarIdentifier: .gregorian)!
return gregorianCalendar.date(from: self.toDateComponents())
}
public func toDateComponents() -> DateComponents {
var components = DateComponents()
components.year = self.year
components.month = self.month
components.day = self.day
return components
}
public func addDay(value: Int) -> YearMonthDay {
let gregorianCalendar = NSCalendar(calendarIdentifier: .gregorian)!
let toDate = self.toDateComponents()
var components = DateComponents()
components.day = value
let addedDate = Calendar.current.date(byAdding: components, to: gregorianCalendar.date(from: toDate)!)!
let ret = YearMonthDay(
year: Calendar.current.component(.year, from: addedDate),
month: Calendar.current.component(.month, from: addedDate),
day: Calendar.current.component(.day, from: addedDate)
)
return ret
}
public func diffDay(value: YearMonthDay) -> Int {
var origin = self.toDateComponents()
origin.hour = 0
origin.minute = 0
origin.second = 0
var new = value.toDateComponents()
new.hour = 0
new.minute = 0
new.second = 0
return Calendar.current.dateComponents([.day], from: Calendar.current.date(from: origin)!, to: Calendar.current.date(from: new)!).month!
}
public func hash(into hasher: inout Hasher) {
hasher.combine(self.year)
hasher.combine(self.month)
hasher.combine(self.day)
}
}
================================================
FILE: SwiftUICalendar.podspec
================================================
#
# Be sure to run `pod lib lint SwiftUICalendar.podspec' to ensure this is a
# valid spec before submitting.
#
# Any lines starting with a # are optional, but their use is encouraged
# To learn more about a Podspec see https://guides.cocoapods.org/syntax/podspec.html
#
Pod::Spec.new do |s|
s.name = 'SwiftUICalendar'
s.version = '0.1.14'
s.summary = 'SwiftUI Simple calendar view'
s.swift_version = '4.0'
# This description is used to generate tags and improve search results.
# * Think: What does it do? Why did you write it? What is the focus?
# * Try to keep it short, snappy and to the point.
# * Write the description between the DESC delimiters below.
# * Finally, don't worry about the indent, CocoaPods strips it!
s.description = <<-DESC
SwiftUI Simple Calendar View
Installation
DESC
s.homepage = 'https://github.com/GGJJack/SwiftUICalendar'
# s.screenshots = 'www.example.com/screenshots_1', 'www.example.com/screenshots_2'
s.license = { :type => 'MIT', :file => 'LICENSE' }
s.author = { 'ggaljjak' => 'ggaljjak.choi@gmail.com' }
s.source = { :git => 'https://github.com/GGJJack/SwiftUICalendar.git', :tag => s.version.to_s }
# s.social_media_url = 'https://twitter.com/'
s.ios.deployment_target = '14.0'
s.source_files = 'Sources/SwiftUICalendar/Classes/**/*'
# s.resource_bundles = {
# 'SwiftUICalendar' => ['SwiftUICalendar/Assets/*.png']
# }
# s.public_header_files = 'Pod/Classes/**/*.h'
# s.frameworks = 'UIKit', 'MapKit'
# s.dependency 'AFNetworking', '~> 2.3'
end