FSCalendar: Date selection and Header title displaying wrong dates, months and year in arabic

Hi @WenchaoD ,

I am using your awesome library again but this time in Arabic in xcode 9 ios 11. I am facing this issue in RLT. When i change the system language the header title is displaying irrelevant date.

This is the code for initial calendar setup.

 func setupCalendar(calendarView : FSCalendar){
        calendarView.allowsMultipleSelection = false
        calendarView.scrollDirection = .horizontal
        calendarView.scrollEnabled = true
        calendarView.swipeToChooseGesture.isEnabled = true
        calendarView.calendarHeaderView.backgroundColor = UIColor.init(hex: "131114")
        calendarView.bottomBorder.backgroundColor = UIColor.clear
        calendarView.appearance.headerDateFormat = "MMMM - YYYY"
        calendarView.appearance.caseOptions = [.headerUsesUpperCase,.weekdayUsesSingleUpperCase]
        calendarView.appearance.borderRadius = 0.2
        calendarView.appearance.todayColor = currenDateColor
        calendarView.appearance.todaySelectionColor = currenDateColor
         calendarView.today = nil
}

  func minimumDate(for calendar: FSCalendar) -> Date {
        return Date()
    }

 func moveBack(calendarView : FSCalendar){
        
     
          var val = -1
        if language.currentAppleLanguage() == "ar"{
            val = 1
        }
        
        

        let gregorian = NSCalendar.init(calendarIdentifier: .gregorian)
        
        let mmdate = gregorian?.date(byAdding: .month, value: val, to: calendarView.currentPage, options: [])
        calendarView.setCurrentPage(mmdate!, animated: true)
        
     //   let previousMonth = self.gre
        
//        let previousMonth = calendarView.date(bySubstractingMonths: val, from: calendarView.currentPage)
//        calendarView.setCurrentPage(previousMonth, animated: true)
//
    }
    
    func moveForward(calendarView : FSCalendar){
      
        var val = 1
        if language.currentAppleLanguage() == "ar"{
            val = -1
        }
        let gregorian = NSCalendar.init(calendarIdentifier: .gregorian)
        let mmdate = gregorian?.date(byAdding: .month, value: val, to: calendarView.currentPage, options: .matchLast)
        calendarView.setCurrentPage(mmdate!, animated: true)
        
        
    }

As you can see the date in header is not correct. When i select a date from the calendar it is displaying wrong date value.

Need help urgently please. Thanks

About this issue

Original URL
State: open
Created 7 years ago
Reactions: 3
Comments: 41

Commits related to this issue

Fix bug show today in current page Fix issue [#843](https://github.com/WenchaoD/FSCalendar/issues/843) — committed to Husseinhj/FSCalendar by Husseinhj 5 years ago

Most upvoted comments

@OmarHassan25 I ran your sample project and found the issue. The library is unable to update states, so it displays the wrong year. It is better to use the calendar view in run-time rather than design mode.

Like this:

@IBOutlet weak var containerView: UIView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        
        let calender = FSCalendar.init()
        let current  = MOLHLanguage.currentAppleLanguage()
        //        calender.locale = Locale(identifier: current)
        calender.locale = NSLocale(localeIdentifier: "ar-ae") as Locale
        calender.calendarIdentifier = NSCalendar.Identifier.gregorian.rawValue
        
        containerView.addSubview(calender)
        
        calender.translatesAutoresizingMaskIntoConstraints = false
        
        NSLayoutConstraint.activate([
            calender.leadingAnchor.constraint(equalTo: containerView.leadingAnchor),
            calender.topAnchor.constraint(equalTo: containerView.safeAreaLayoutGuide.topAnchor),
            calender.bottomAnchor.constraint(equalTo: containerView.bottomAnchor),
            calender.trailingAnchor.constraint(equalTo: containerView.trailingAnchor)
        ])
    }
    
    @IBAction func gotoChangeBtn(_ sender: Any) {
        MOLH.setLanguageTo(MOLHLanguage.currentAppleLanguage() == "en" ? "ar-ae" : "en")
        let appDelegate = UIApplication.shared.delegate as! AppDelegate
        appDelegate.startNavigation()
        
    }

Husseinhj on Feb 9, 2022

had the same issue. that’s how I ended up fixing it :

    if  isCurrentLanguageRTL() {
        calendar.locale = Locale(identifier: "ar")
        calendar.calendarHeaderView.calendar.locale = Locale(identifier: "ar")

        
    }else {
        calendar.locale = Locale(identifier: "en_EN")
        calendar.calendarHeaderView.calendar.locale =  Locale(identifier: "en_EN")

     }

you need to change headerView locale too.

oenama on Dec 20, 2017

Like this:

@IBOutlet weak var containerView: UIView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        
        let calender = FSCalendar.init()
        let current  = MOLHLanguage.currentAppleLanguage()
        //        calender.locale = Locale(identifier: current)
        calender.locale = NSLocale(localeIdentifier: "ar-ae") as Locale
        calender.calendarIdentifier = NSCalendar.Identifier.gregorian.rawValue
        
        containerView.addSubview(calender)
        
        calender.translatesAutoresizingMaskIntoConstraints = false
        
        NSLayoutConstraint.activate([
            calender.leadingAnchor.constraint(equalTo: containerView.leadingAnchor),
            calender.topAnchor.constraint(equalTo: containerView.safeAreaLayoutGuide.topAnchor),
            calender.bottomAnchor.constraint(equalTo: containerView.bottomAnchor),
            calender.trailingAnchor.constraint(equalTo: containerView.trailingAnchor)
        ])
    }
    
    @IBAction func gotoChangeBtn(_ sender: Any) {
        MOLH.setLanguageTo(MOLHLanguage.currentAppleLanguage() == "en" ? "ar-ae" : "en")
        let appDelegate = UIApplication.shared.delegate as! AppDelegate
        appDelegate.startNavigation()
        
    }

@Husseinhj Thanks a lot for this solution, this solves my problem.

OmarHassan25 on Feb 13, 2022

Ok Thank You @Husseinhj

VidyaRajan7 on Jul 25, 2018

@Husseinhj Shukran Brother!

tarikhs on Apr 22, 2018