Calendar Needs to show full view

[imrant-toast]

(Required) Version Number:
7.1.8

Description

• I would like to view the calendar month one by one refer expected behaviour. it always showing per page one month.

   calendarView.isRangeSelectionUsed = true
   calendarView.scrollingMode = .stopAtEachSection
   calendarView.cellSize = (view.bounds.width/7).rounded()
   calendarView.minimumLineSpacing = 0
   calendarView.minimumInteritemSpacing = 0
   calendarView.scrollToDate(today, animateScroll: false)
  

Steps To Reproduce

Expected Behavior

Additional Context

[patchthecode]

Set the size of the cells, and you can control how many months are displayed per screen.
Have you checked out the sample app attached in the repository?

[Nik20112]

@imrant-toast Is this issue resolved? If yes, please let me know the code snippet. I want to integrate same in horizontal direction. Could you please help on this?

[pksuthar746]

Override methods to control its height and width dynamically.

import SwiftUI
import JTAppleCalendar

struct CustomCalendarView: UIViewRepresentable {
class Coordinator: NSObject, JTACMonthViewDelegate, JTACMonthViewDataSource {
var parent: CustomCalendarView

    init(parent: CustomCalendarView) {
        self.parent = parent
    }

    // MARK: - JTAppleCalendar DataSource
    func configureCalendar(_ calendar: JTACMonthView) -> ConfigurationParameters {
        let startDate = Calendar.current.date(byAdding: .year, value: -1, to: Date())!
        let endDate = Calendar.current.date(byAdding: .year, value: 1, to: Date())!
        return ConfigurationParameters(startDate: startDate, endDate: endDate)
    }

    // MARK: - JTAppleCalendar Delegate
    func calendar(_ calendar: JTACMonthView, cellForItemAt date: Date, cellState: CellState, indexPath: IndexPath) -> JTACDayCell {
        guard let cell = calendar.dequeueReusableJTAppleCell(withReuseIdentifier: "DateCell", for: indexPath) as? DateCell else {
            return JTACDayCell()
        }
        cell.configure(with: date, state: cellState)
        return cell
    }

    func calendarSizeForMonths(_ monthView: JTACMonthView?) -> MonthSize? {
        // Customize height for each month dynamically
        return MonthSize(defaultSize: 300) // Change height as needed
    }
}

func makeCoordinator() -> Coordinator {
    return Coordinator(parent: self)
}

func makeUIView(context: Context) -> JTACMonthView {
    let calendarView = JTACMonthView()
    calendarView.calendarDataSource = context.coordinator
    calendarView.calendarDelegate = context.coordinator
    calendarView.scrollDirection = .horizontal
    calendarView.isPagingEnabled = true

    // Register custom cell
    calendarView.register(DateCell.self, forCellWithReuseIdentifier: "DateCell")

    return calendarView
}

func updateUIView(_ uiView: JTACMonthView, context: Context) {
    // Update calendar properties dynamically if needed
    uiView.reloadData()
}

}

// MARK: - Custom JTAppleCalendar Cell
class DateCell: JTACDayCell {
let dateLabel = UILabel()

override init(frame: CGRect) {
    super.init(frame: frame)
    contentView.addSubview(dateLabel)
    dateLabel.translatesAutoresizingMaskIntoConstraints = false
    NSLayoutConstraint.activate([
        dateLabel.centerXAnchor.constraint(equalTo: contentView.centerXAnchor),
        dateLabel.centerYAnchor.constraint(equalTo: contentView.centerYAnchor),
    ])
}

required init?(coder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
}

func configure(with date: Date, state: CellState) {
    dateLabel.text = "\(Calendar.current.component(.day, from: date))"
    dateLabel.textColor = state.isSelected ? .white : .black
    contentView.backgroundColor = state.isSelected ? .blue : .clear
}

}