แสดงปฏิทินด้วย Table calendar ใน Flutter

  intl: ^0.19.0
  table_calendar: ^3.1.2  

void main() async {  
  // ใช้เพื่อให้แน่ใจว่า Flutter framework ได้รับการเริ่มต้น (initialized)
  // ก่อนที่จะมีการเรียกใช้หรือดำเนินการใด ๆ ที่ต้องการการเข้าถึงส่วนประกอบของ framework
  WidgetsFlutterBinding.ensureInitialized();
  // เตรียมการกำหนดรูปแบบวันที่ 
  initializeDateFormatting('th_TH', null).then((_) => runApp(const MyApp()));  
 // runApp(const MyApp());
}

import 'package:flutter/material.dart';
import 'package:table_calendar/table_calendar.dart';
import 'package:intl/intl.dart';

class Calendars extends StatefulWidget {
  static const routeName = '/calendar';

  const Calendars({Key? key}) : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return _CalendarsState();
  }
}

class _CalendarsState extends State<Calendars> {

  @override
  void initState() {
    super.initState();

  }

  @override
  void setState(VoidCallback fn) {
    if (mounted) {
      super.setState(fn);
    }
  }

  // ฟังก์ชั่น การแปลงปี ค.ศ. (Gregorian year) เป็นพุทธศักราช (Buddhist year) 
  String _getThaiYear(int year) {
    return '${year + 543}';
  }

  // ฟังก์ชั่นสำหรับแปลงเป้ฯเดือนไทย
  String _getThaiMonth(int month) {
    const thaiMonths = [
      'มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน',
      'กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'
    ];
    return thaiMonths[month - 1];
  }

  // ฟังก์ชั่นสำหรับเปลี่ยนวัน เดือน ปี เป็นภาษาไทย 
  String _getThaiDateShow(String dateString) {
    const List<String> thaiDays = [
      'อาทิตย์','จันทร์','อังคาร','พุธ','พฤหัสบดี','ศุกร์','เสาร์'
    ];

    // กำหนดชื่อเดือนในภาษาไทย
    const List<String> thaiMonths = [
      'มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน',
      'กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'
    ];

    // แปลงรูปแบบวันที่จากข้อมูลมาเป็น DateTime
    DateTime date = DateTime.parse(dateString);

    // แปลงปี ค.ศ. เป็นปี พ.ศ.
    int thaiYear = date.year + 543;

    // กำหนดชื่อวันในภาษาไทย
    String dayName =
        thaiDays[date.weekday - 1]; // Date.weekday returns 1-7 (Mon-Sun)

    // กำหนดชื่อเดือนในภาษาไทย
    String monthName = thaiMonths[date.month - 1]; // Date.month returns 1-12

    // จัดรูปแบบแสดงผลวัน เดือน ปี เป็นภาษาไทย เช่น
    // เสาร์ 12 ตุลาคม 2567
    String formattedDate = '$dayName ${date.day} $monthName $thaiYear';

    return formattedDate;
  }

  @override
  void dispose() {
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Calendar'),
      ),
      body: SingleChildScrollView(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            children: <Widget>[
              TableCalendar(
                // rowHeight: 70.0,
                // กำหนดความสูงของวันต่างๆ ในสัปดาห์
                daysOfWeekHeight: 30.0,
                headerStyle: HeaderStyle(
                  // ส่วนจัดรูปแบบแถบ เดือนปี ด้านบน
                  titleTextFormatter: (date, locale) {
                    // ในที่นี้เราจะเอาเดือนและปีในปฏิทิน ไปใช้เพื่อสร้างรูปแบบ เดือนและปี
                    // เป็นภาษาไทย ในที่นี้จะได้เป็น ตุลาคม 2567
                    final year = date.year;
                    final month = date.month;
                    final formattedYear = _getThaiYear(year);
                    final formattedMonth = _getThaiMonth(month);
                    // ส่งกลับผลลัพธ์รูปแบบเดือน ปี ตรงแถบหัวข้อด้านบน  ตุลาคม 2567
                    return '$formattedMonth $formattedYear'; 
                  },
                  headerPadding: const EdgeInsets.symmetric(vertical: 0.0),
                  decoration: const BoxDecoration(
                    // color: Color(0xFFffefbf), // กำหนดสีพื้นหลัง
                  ),
                  // ปิดปุ่มเลือกรูปแบบ ถ้าเปิดต้องกำหนดค่า onFormatChanged เพิ่มเติม 
                  formatButtonVisible: false, // ปิดไว้
                  titleCentered: true, // แสดง เดือน ปี ตรงกลาง
                  titleTextStyle: const TextStyle( // สีและขนาด
                    color: Colors.black54,
                    fontWeight: FontWeight.bold,
                    fontSize: 20.0,
                  ),
                ),
                // กำหนดสี ขนาด ของชื่อวัน 7 วัน
                daysOfWeekStyle: const DaysOfWeekStyle(
                  weekdayStyle: TextStyle(
                    color: Colors.black26,
                    fontWeight: FontWeight.bold,
                    fontSize: 20.0,
                  ),
                ),
                // กำหนดรูปแบบสีต่างๆ และรูปแบบการแสดงค่าหลัก
                calendarStyle: const CalendarStyle(
                  // วันปัจจุบันสีข้อความ ขนาดข้อความ
                  todayTextStyle: TextStyle(
                    color: Color.fromARGB(255, 178, 16, 22),
                    fontSize: 20.0,
                  ),
                  // วันที่ปัจจุบันพื้นหลัง รูปแบบรูปร่างที่แสดง
                  todayDecoration: BoxDecoration(
                    color: Color.fromARGB(200, 255, 229, 212),
                    shape: BoxShape.circle, // แสดงแบบวงกลม
                  ),
                  outsideDaysVisible: false, // แสดงวันที่ที่ไม่ใช่ของเดือนหรือไม่
                  outsideTextStyle: TextStyle(// รูปแบบวันที่ที่ไม่ใช่ของเดือน ถ้าแสดง
                    color: Colors.black26,
                    fontSize: 20.0,
                  ),
                  defaultTextStyle: TextStyle( // วันที่ปกติ
                    color: Colors.black87,
                    fontSize: 20.0,
                  ),
                  weekendTextStyle: TextStyle( // สีของวันหยุด ถ้ากำหนดรายการวันหยุด
                    color: Colors.red,
                    fontSize: 20.0,
                  ),
                ),
                locale: 'th_TH', // ใช้รูปแบบวันที่เป็นภาษาไทย
                // กำหนดวันเริ่มต้น และวันสุดท้ายในปฏิทิน  ที่สามารถเลื่อนได้
                // focusedDay ต้องอยู่ระหว่าง ช่วงของ firstDay และ lastDay
                // ไม่เช่นนั้นจะเกิด error ได้
                // DateTime.utc(2010, 10, 16) จะได้เป็น 2010-10-16 00:00:00.000Z
                // DateTime.utc(2010, 10, 16).toLocal() จะได้เป็น 2010-10-16 07:00:00.000
                firstDay: DateTime.utc(2010, 10, 16),
                lastDay: DateTime.utc(2030, 3, 14),
                focusedDay: DateTime.now(), // วันที่จะเน้น ในที่นี้ใช้เป็นวันที่ปัจจุบัน
                calendarFormat: CalendarFormat.month, // แสดงปฏิทินแบบเดือน
                calendarBuilders: CalendarBuilders(
                  // ส่วนจัดรูปแบบของวันที่ต่างๆ ในปฏิทิน
                  defaultBuilder: (context, day, focusedDay) {
                        return Container(
                          margin: const EdgeInsets.all(6.0),
                          alignment: Alignment.center,
                          child: Stack(
                            alignment: Alignment.center,
                            children: [
                              Center(
                                child: Text(
                                  '${day.day}',
                                  style: const TextStyle(
                                    fontSize: 20,
                                  ),
                                ),
                              ),
                            ],
                          ),
                        );
                  },
                  // ส่วนจัดรูปแบบชื่อวันแบบย่อในปฏิทิน ในที่นี้ ตรวจว่าเป็นวัน
                  // เสาร์ หรืออาทิตย์ แล้วให้แสดงสีข้อความเป็นสีแดง
                  dowBuilder: (context, day) {
                    if (day.weekday == DateTime.sunday ||
                        day.weekday == DateTime.saturday) {
                      // ใช้แพ็กเก็จ intl จัดรูปแบบเอาวันของข้อมูลวันที่ มาแสดง
                      final textDay = DateFormat.E('th').format(day);
                      return Center(
                        child: Text(
                          textDay,
                          style: const TextStyle(
                            color: Colors.red,
                            fontSize: 20.0,
                          ),
                        ),
                      );
                    }
                    return null; // ถ้าเป็นวันอื่นๆ ไม่ต้องจัดรูปแบบเพิ่มเติม
                  },
                ),
                // เมื่อเลื่อนเปลี่ยนหน้าข้อมูล เช่น เปลี่ยนเดือน
                onPageChanged: (day) {

                },
                // เมื่อกดเลือกวันในปฏิทิน
                onDaySelected: (day, day2) {
            
                },
                // ส่วนสำหรับกำหนด event กิจกรรมในปฏิทิน
                eventLoader: (day) {
                  return [];
                },
              ),
            ],
          )
        ),
    );
  }
}

import 'package:flutter/material.dart';
import 'package:table_calendar/table_calendar.dart';
import 'package:intl/intl.dart';

class Calendars extends StatefulWidget {
  static const routeName = '/calendar';

  const Calendars({Key? key}) : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return _CalendarsState();
  }
}

class _CalendarsState extends State<Calendars> {

  // กำหนดวันเริ่มต้น และวันสุดท้ายในปฏิทิน  ที่สามารถเลื่อนได้
  // focusedDay ต้องอยู่ระหว่าง ช่วงของ firstDay และ lastDay
  // ไม่เช่นนั้นจะเกิด error ได้
  // DateTime.utc(2010, 10, 16) จะได้เป็น 2010-10-16 00:00:00.000Z
  // DateTime.utc(2010, 10, 16).toLocal() จะได้เป็น 2010-10-16 07:00:00.000
  final DateTime _firstDay = DateTime.utc(2010, 10, 16);
  final DateTime _lastDay = DateTime.utc(2030, 3, 14);
  DateTime _focusedDay = DateTime.now(); // วันที่ที่เลือก เพื่อแสดงใช้สำหรับแสดงปฏิทิน
  DateTime? _selectedDay; // ตัวแปรเก็บวันที่ที่เลือก (ที่กดในปฏิทิน เพื่อเลือกวันที่ไปใช้งาน)

  @override
  void initState() {
    super.initState();
    _selectedDay = _focusedDay; // กำหนดค่าเริ่มต้น เป็นค่าเดียวกับวันปัจจุบัน
  }

  @override
  void setState(VoidCallback fn) {
    if (mounted) {
      super.setState(fn);
    }
  }

  // ฟังก์ชั่นตรวจสอบถ้าเป็นวันที่เดียวกันไหม
  bool isSameDay(DateTime? a, DateTime? b) {
    if (a == null || b == null) {
      return false;
    }
    return a.year == b.year && a.month == b.month && a.day == b.day;
  }

  // ฟังก์ชั่นสำหรับเลือกวันที่
  void _selectDate() async {
      
    final DateTime now = _focusedDay; // ใช้จากวันที่เลือก หรือ DateTime.now();
    final DateTime firstDate = _firstDay; //  ช่วงเริ่มต้น
    final DateTime lastDate = _lastDay; //  ช่วงสิ้นสิน
    final DateTime initialDate = now.isAfter(lastDate) ? lastDate : now;

    // รอการเลือกวันที่ในปฏิทิน ได้วันที่แล้วส่งกลับไปใช้งาน
    final DateTime? newDate = await showDatePicker(
      context: context,
      initialDate: initialDate,
      firstDate: firstDate,
      lastDate: lastDate,
      helpText: 'Select a date',
    );
    if (newDate != null) {
      setState(() {
        // กำหนดค่าวันที่โฟกัส เป็นค่าใหม่ที่เลือก
        _focusedDay = newDate;
        // กำหนดวันที่เลือกในปฏิทิน เป็นค่าใหม่ที่เลือก
        _selectedDay = newDate;
      });
    }
  }    

  // ฟังก์ชั่น การแปลงปี ค.ศ. (Gregorian year) เป็นพุทธศักราช (Buddhist year) 
  String _getThaiYear(int year) {
    return '${year + 543}';
  }

  // ฟังก์ชั่นสำหรับแปลงเป้ฯเดือนไทย
  String _getThaiMonth(int month) {
    const thaiMonths = [
      'มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน',
      'กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'
    ];
    return thaiMonths[month - 1];
  }

  // ฟังก์ชั่นสำหรับเปลี่ยนวัน เดือน ปี เป็นภาษาไทย 
  String _getThaiDateShow(String dateString) {
    const List<String> thaiDays = [
      'อาทิตย์','จันทร์','อังคาร','พุธ','พฤหัสบดี','ศุกร์','เสาร์'
    ];

    // กำหนดชื่อเดือนในภาษาไทย
    const List<String> thaiMonths = [
      'มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน',
      'กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'
    ];

    // แปลงรูปแบบวันที่จากข้อมูลมาเป็น DateTime
    DateTime date = DateTime.parse(dateString);

    // แปลงปี ค.ศ. เป็นปี พ.ศ.
    int thaiYear = date.year + 543;

    // กำหนดชื่อวันในภาษาไทย
    String dayName =
        thaiDays[date.weekday - 1]; // Date.weekday returns 1-7 (Mon-Sun)

    // กำหนดชื่อเดือนในภาษาไทย
    String monthName = thaiMonths[date.month - 1]; // Date.month returns 1-12

    // จัดรูปแบบแสดงผลวัน เดือน ปี เป็นภาษาไทย เช่น
    // เสาร์ 12 ตุลาคม 2567
    String formattedDate = '$dayName ${date.day} $monthName $thaiYear';

    return formattedDate;
  }

  @override
  void dispose() {
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Calendar'),
        actions: [
          TextButton(
            onPressed: (){
              setState(() {
                //  กำหนดค่าวันที่โฟกัส กลับมาวันที่ปัจจุบัน
                _focusedDay = DateTime.now();
                // กำหนดวันที่เลือกในปฏิทิน กลับมาวันที่ปัจจุบัน
                _selectedDay = DateTime.now();             
              });           
            },
            child: const Text('Today'),
          ),         
          IconButton(
            onPressed: _selectDate, // เลือกวันที่จากปฏิทิน
            icon: const Icon(Icons.calendar_month), // ใช้ไอคอนปฏิทิน
          ),
        ],
      ),
      body: SingleChildScrollView(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            children: <Widget>[
              TableCalendar(
                // rowHeight: 70.0,
                // กำหนดความสูงของวันต่างๆ ในสัปดาห์
                daysOfWeekHeight: 30.0,
                headerStyle: HeaderStyle(
                  // ส่วนจัดรูปแบบแถบ เดือนปี ด้านบน
                  titleTextFormatter: (date, locale) {
                    // ในที่นี้เราจะเอาเดือนและปีในปฏิทิน ไปใช้เพื่อสร้างรูปแบบ เดือนและปี
                    // เป็นภาษาไทย ในที่นี้จะได้เป็น ตุลาคม 2567
                    final year = date.year;
                    final month = date.month;
                    final formattedYear = _getThaiYear(year);
                    final formattedMonth = _getThaiMonth(month);
                    // ส่งกลับผลลัพธ์รูปแบบเดือน ปี ตรงแถบหัวข้อด้านบน  ตุลาคม 2567
                    return '$formattedMonth $formattedYear'; 
                  },
                  headerPadding: const EdgeInsets.symmetric(vertical: 0.0),
                  decoration: const BoxDecoration(
                    color: Color(0xFFffefbf), // กำหนดสีพื้นหลัง
                  ),
                  // ปิดปุ่มเลือกรูปแบบ ถ้าเปิดต้องกำหนดค่า onFormatChanged เพิ่มเติม 
                  formatButtonVisible: false, // ปิดไว้
                  titleCentered: true, // แสดง เดือน ปี ตรงกลาง
                  titleTextStyle: const TextStyle( // สีและขนาด
                    color: Colors.black54,
                    fontWeight: FontWeight.bold,
                    fontSize: 20.0,
                  ),
                ),
                // กำหนดสี ขนาด ของชื่อวัน 7 วัน
                daysOfWeekStyle: const DaysOfWeekStyle(
                  weekdayStyle: TextStyle(
                    color: Colors.black26,
                    fontWeight: FontWeight.bold,
                    fontSize: 20.0,
                  ),
                ),
                // กำหนดรูปแบบสีต่างๆ และรูปแบบการแสดงค่าหลัก
                calendarStyle: const CalendarStyle(
                  // วันปัจจุบันสีข้อความ ขนาดข้อความ
                  todayTextStyle: TextStyle(
                    color: Color.fromARGB(255, 178, 16, 22),
                    fontSize: 20.0,
                  ),
                  // วันที่ปัจจุบันพื้นหลัง รูปแบบรูปร่างที่แสดง
                  todayDecoration: BoxDecoration(
                    color: Color.fromARGB(200, 255, 229, 212),
                    shape: BoxShape.circle, // แสดงแบบวงกลม
                  ),
                  // วันที่กดเลือก สีข้อความ ขนาดข้อความ
                  selectedTextStyle: TextStyle(
                    color: Color.fromARGB(200, 255, 229, 212),
                    fontSize: 20.0,
                  ),
                  // วันที่กดเลือก พื้นหลัง รูปแบบรูปร่างที่แสดง
                  selectedDecoration: BoxDecoration(
                    color: Color.fromARGB(255, 178, 16, 22),
                    shape: BoxShape.circle, // แสดงแบบวงกลม
                  ),                  
                  outsideDaysVisible: false, // แสดงวันที่ที่ไม่ใช่ของเดือนหรือไม่
                  outsideTextStyle: TextStyle(// รูปแบบวันที่ที่ไม่ใช่ของเดือน ถ้าแสดง
                    color: Colors.black26,
                    fontSize: 20.0,
                  ),
                  defaultTextStyle: TextStyle( // วันที่ปกติ
                    color: Colors.black87,
                    fontSize: 20.0,
                  ),
                  weekendTextStyle: TextStyle( // สีของวันหยุด ถ้ากำหนดรายการวันหยุด
                    color: Colors.red,
                    fontSize: 20.0,
                  ),
                ),
                locale: 'th_TH', // ใช้รูปแบบวันที่เป็นภาษาไทย
                // กำหนดวันเริ่มต้น และวันสุดท้ายในปฏิทิน  ที่สามารถเลื่อนได้
                // focusedDay ต้องอยู่ระหว่าง ช่วงของ firstDay และ lastDay
                // ไม่เช่นนั้นจะเกิด error ได้
                // DateTime.utc(2010, 10, 16) จะได้เป็น 2010-10-16 00:00:00.000Z
                // DateTime.utc(2010, 10, 16).toLocal() จะได้เป็น 2010-10-16 07:00:00.000
                firstDay: _firstDay,
                lastDay: _lastDay,
                focusedDay: _focusedDay, // วันที่จะเน้น ในที่นี้ใช้เป็นวันที่จากที่เลือกหรือกำหนด
                // กำหนดถ้าเป็นวันที่ตรงกับวันที่เลือก ให้ทำสัญลักษณ์ว่าถูกเลือกในวันนั้นๆ
                selectedDayPredicate: (day) => isSameDay(_selectedDay, day),
                calendarFormat: CalendarFormat.month, // แสดงปฏิทินแบบเดือน
                calendarBuilders: CalendarBuilders(
                  // ส่วนจัดรูปแบบของวันที่ต่างๆ ในปฏิทิน
                  defaultBuilder: (context, day, focusedDay) {
                        return Container(
                          margin: const EdgeInsets.all(6.0),
                          alignment: Alignment.center,
                          child: Stack(
                            alignment: Alignment.center,
                            children: [
                              Center(
                                child: Text(
                                  '${day.day}',
                                  style: const TextStyle(
                                    fontSize: 20,
                                  ),
                                ),
                              ),
                            ],
                          ),
                        );
                  },
                  // ส่วนจัดรูปแบบชื่อวันแบบย่อในปฏิทิน ในที่นี้ ตรวจว่าเป็นวัน
                  // เสาร์ หรืออาทิตย์ แล้วให้แสดงสีข้อความเป็นสีแดง
                  dowBuilder: (context, day) {
                    if (day.weekday == DateTime.sunday ||
                        day.weekday == DateTime.saturday) {
                      // ใช้แพ็กเก็จ intl จัดรูปแบบเอาวันของข้อมูลวันที่ มาแสดง
                      final textDay = DateFormat.E('th').format(day);
                      return Center(
                        child: Text(
                          textDay,
                          style: const TextStyle(
                            color: Colors.red,
                            fontSize: 20.0,
                          ),
                        ),
                      );
                    }
                    return null; // ถ้าเป็นวันอื่นๆ ไม่ต้องจัดรูปแบบเพิ่มเติม
                  },
                ),
                // เมื่อเลื่อนเปลี่ยนหน้าข้อมูล เช่น เปลี่ยนเดือน
                onPageChanged: (day) {
               
                },
                // เมื่อกดเลือกวันในปฏิทิน
                onDaySelected: (selectedDay, focusedDay) {
                  // ถ้าไม่ใช่วันที่เดียวกัน
                  if (!isSameDay(_selectedDay, selectedDay)) {
                    setState(() {
                      _selectedDay = selectedDay;
                      _focusedDay = focusedDay;
                    });
                  }
                },
                // ส่วนสำหรับกำหนด event กิจกรรมในปฏิทิน
                eventLoader: (day) {        
                  return [];
                },
              ),
            ],
          )
        ),
    );
  }
}

import 'package:flutter/material.dart';
import 'package:table_calendar/table_calendar.dart';
import 'package:intl/intl.dart';

class Calendars extends StatefulWidget {
  static const routeName = '/calendar';

  const Calendars({Key? key}) : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return _CalendarsState();
  }
}

class _CalendarsState extends State<Calendars> {

  // กำหนดวันเริ่มต้น และวันสุดท้ายในปฏิทิน  ที่สามารถเลื่อนได้
  // focusedDay ต้องอยู่ระหว่าง ช่วงของ firstDay และ lastDay
  // ไม่เช่นนั้นจะเกิด error ได้
  // DateTime.utc(2010, 10, 16) จะได้เป็น 2010-10-16 00:00:00.000Z
  // DateTime.utc(2010, 10, 16).toLocal() จะได้เป็น 2010-10-16 07:00:00.000
  final DateTime _firstDay = DateTime.utc(2010, 10, 16);
  final DateTime _lastDay = DateTime.utc(2030, 3, 14);
  DateTime _focusedDay = DateTime.now(); // วันที่ที่เลือก เพื่อแสดงใช้สำหรับแสดงปฏิทิน
  DateTime? _selectedDay; // ตัวแปรเก็บวันที่ที่เลือก (ที่กดในปฏิทิน เพื่อเลือกวันที่ไปใช้งาน)

  // สร้างตัวแปรสำหรับเก็บวันพระ
  Map<String, String> _BuddhaDay = {};

  @override
  void initState() {
    super.initState();
    _selectedDay = _focusedDay; // กำหนดค่าเริ่มต้น เป็นค่าเดียวกับวันปัจจุบัน
    // ใช้วันที่ปัจจุบันเพื่อส่งไปดึงข้อมูลวันพระของปีที่กำลังแสดง
    String _inputDate = DateFormat('yyyy-MM-01').format(_focusedDay);  
    // ดึงข้อมูลวันพระมาเก็บไว้ในตัวแปรไว้ใช้งาน
    _BuddhaDay = getWaxingCrescentInfo(_inputDate,getlistBuddshDay: true);
  }

  @override
  void setState(VoidCallback fn) {
    if (mounted) {
      super.setState(fn);
    }
  }

  // ฟังก์ชั่นตรวจสอบถ้าเป็นวันที่เดียวกันไหม
  bool isSameDay(DateTime? a, DateTime? b) {
    if (a == null || b == null) {
      return false;
    }
    return a.year == b.year && a.month == b.month && a.day == b.day;
  }

  // ฟังก์ชั่นสำหรับเลือกวันที่
  void _selectDate() async {
      
    final DateTime now = _focusedDay; // ใช้จากวันที่เลือก หรือ DateTime.now();
    final DateTime firstDate = _firstDay; //  ช่วงเริ่มต้น
    final DateTime lastDate = _lastDay; //  ช่วงสิ้นสิน
    final DateTime initialDate = now.isAfter(lastDate) ? lastDate : now;

    // รอการเลือกวันที่ในปฏิทิน ได้วันที่แล้วส่งกลับไปใช้งาน
    final DateTime? newDate = await showDatePicker(
      context: context,
      initialDate: initialDate,
      firstDate: firstDate,
      lastDate: lastDate,
      helpText: 'Select a date',
    );
    if (newDate != null) {
      setState(() {
        // กำหนดค่าวันที่โฟกัส เป็นค่าใหม่ที่เลือก
        _focusedDay = newDate;
        // กำหนดวันที่เลือกในปฏิทิน เป็นค่าใหม่ที่เลือก
        _selectedDay = newDate;
      });
    }
  }    

  // ฟังก์ชั่น การแปลงปี ค.ศ. (Gregorian year) เป็นพุทธศักราช (Buddhist year) 
  String _getThaiYear(int year) {
    return '${year + 543}';
  }

  // ฟังก์ชั่นสำหรับแปลงเป้ฯเดือนไทย
  String _getThaiMonth(int month) {
    const thaiMonths = [
      'มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน',
      'กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'
    ];
    return thaiMonths[month - 1];
  }

  // ฟังก์ชั่นสำหรับเปลี่ยนวัน เดือน ปี เป็นภาษาไทย 
  String _getThaiDateShow(String dateString) {
    const List<String> thaiDays = [
      'อาทิตย์','จันทร์','อังคาร','พุธ','พฤหัสบดี','ศุกร์','เสาร์'
    ];

    // กำหนดชื่อเดือนในภาษาไทย
    const List<String> thaiMonths = [
      'มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน',
      'กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'
    ];

    // แปลงรูปแบบวันที่จากข้อมูลมาเป็น DateTime
    DateTime date = DateTime.parse(dateString);

    // แปลงปี ค.ศ. เป็นปี พ.ศ.
    int thaiYear = date.year + 543;

    // กำหนดชื่อวันในภาษาไทย
    String dayName =
        thaiDays[date.weekday - 1]; // Date.weekday returns 1-7 (Mon-Sun)

    // กำหนดชื่อเดือนในภาษาไทย
    String monthName = thaiMonths[date.month - 1]; // Date.month returns 1-12

    // จัดรูปแบบแสดงผลวัน เดือน ปี เป็นภาษาไทย เช่น
    // เสาร์ 12 ตุลาคม 2567
    String formattedDate = '$dayName ${date.day} $monthName $thaiYear';

    return formattedDate;
  }

  @override
  void dispose() {
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Calendar'),
        actions: [
          TextButton(
            onPressed: (){
              setState(() {
                //  กำหนดค่าวันที่โฟกัส กลับมาวันที่ปัจจุบัน
                _focusedDay = DateTime.now();
                // กำหนดวันที่เลือกในปฏิทิน กลับมาวันที่ปัจจุบัน
                _selectedDay = DateTime.now();             
              });           
            },
            child: const Text('Today'),
          ),         
          IconButton(
            onPressed: _selectDate, // เลือกวันที่จากปฏิทิน
            icon: const Icon(Icons.calendar_month), // ใช้ไอคอนปฏิทิน
          ),
        ],
      ),
      body: SingleChildScrollView(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            children: <Widget>[
              TableCalendar(
                // rowHeight: 70.0,
                // กำหนดความสูงของวันต่างๆ ในสัปดาห์
                daysOfWeekHeight: 30.0,
                headerStyle: HeaderStyle(
                  // ส่วนจัดรูปแบบแถบ เดือนปี ด้านบน
                  titleTextFormatter: (date, locale) {
                    // ในที่นี้เราจะเอาเดือนและปีในปฏิทิน ไปใช้เพื่อสร้างรูปแบบ เดือนและปี
                    // เป็นภาษาไทย ในที่นี้จะได้เป็น ตุลาคม 2567
                    final year = date.year;
                    final month = date.month;
                    final formattedYear = _getThaiYear(year);
                    final formattedMonth = _getThaiMonth(month);
                    // ส่งกลับผลลัพธ์รูปแบบเดือน ปี ตรงแถบหัวข้อด้านบน  ตุลาคม 2567
                    return '$formattedMonth $formattedYear'; 
                  },
                  headerPadding: const EdgeInsets.symmetric(vertical: 0.0),
                  decoration: const BoxDecoration(
                    color: Color(0xFFffefbf), // กำหนดสีพื้นหลัง
                  ),
                  // ปิดปุ่มเลือกรูปแบบ ถ้าเปิดต้องกำหนดค่า onFormatChanged เพิ่มเติม 
                  formatButtonVisible: false, // ปิดไว้
                  titleCentered: true, // แสดง เดือน ปี ตรงกลาง
                  titleTextStyle: const TextStyle( // สีและขนาด
                    color: Colors.black54,
                    fontWeight: FontWeight.bold,
                    fontSize: 20.0,
                  ),
                ),
                // กำหนดสี ขนาด ของชื่อวัน 7 วัน
                daysOfWeekStyle: const DaysOfWeekStyle(
                  weekdayStyle: TextStyle(
                    color: Colors.black26,
                    fontWeight: FontWeight.bold,
                    fontSize: 20.0,
                  ),
                ),
                // กำหนดรูปแบบสีต่างๆ และรูปแบบการแสดงค่าหลัก
                calendarStyle: const CalendarStyle(
                  // วันปัจจุบันสีข้อความ ขนาดข้อความ
                  todayTextStyle: TextStyle(
                    color: Color.fromARGB(255, 178, 16, 22),
                    fontSize: 20.0,
                  ),
                  // วันที่ปัจจุบันพื้นหลัง รูปแบบรูปร่างที่แสดง
                  todayDecoration: BoxDecoration(
                    color: Color.fromARGB(200, 255, 229, 212),
                    shape: BoxShape.circle, // แสดงแบบวงกลม
                  ),
                  // วันที่กดเลือก สีข้อความ ขนาดข้อความ
                  selectedTextStyle: TextStyle(
                    color: Color.fromARGB(200, 255, 229, 212),
                    fontSize: 20.0,
                  ),
                  // วันที่กดเลือก พื้นหลัง รูปแบบรูปร่างที่แสดง
                  selectedDecoration: BoxDecoration(
                    color: Color.fromARGB(255, 178, 16, 22),
                    shape: BoxShape.circle, // แสดงแบบวงกลม
                  ),                  
                  outsideDaysVisible: false, // แสดงวันที่ที่ไม่ใช่ของเดือนหรือไม่
                  outsideTextStyle: TextStyle(// รูปแบบวันที่ที่ไม่ใช่ของเดือน ถ้าแสดง
                    color: Colors.black26,
                    fontSize: 20.0,
                  ),
                  defaultTextStyle: TextStyle( // วันที่ปกติ
                    color: Colors.black87,
                    fontSize: 20.0,
                  ),
                  weekendTextStyle: TextStyle( // สีของวันหยุด ถ้ากำหนดรายการวันหยุด
                    color: Colors.red,
                    fontSize: 20.0,
                  ),
                ),
                locale: 'th_TH', // ใช้รูปแบบวันที่เป็นภาษาไทย
                // กำหนดวันเริ่มต้น และวันสุดท้ายในปฏิทิน  ที่สามารถเลื่อนได้
                // focusedDay ต้องอยู่ระหว่าง ช่วงของ firstDay และ lastDay
                // ไม่เช่นนั้นจะเกิด error ได้
                // DateTime.utc(2010, 10, 16) จะได้เป็น 2010-10-16 00:00:00.000Z
                // DateTime.utc(2010, 10, 16).toLocal() จะได้เป็น 2010-10-16 07:00:00.000
                firstDay: _firstDay,
                lastDay: _lastDay,
                focusedDay: _focusedDay, // วันที่จะเน้น ในที่นี้ใช้เป็นวันที่จากที่เลือกหรือกำหนด
                // กำหนดถ้าเป็นวันที่ตรงกับวันที่เลือก ให้ทำสัญลักษณ์ว่าถูกเลือกในวันนั้นๆ
                selectedDayPredicate: (day) => isSameDay(_selectedDay, day),
                calendarFormat: CalendarFormat.month, // แสดงปฏิทินแบบเดือน
                calendarBuilders: CalendarBuilders(
                  // ส่วนจัดรูปแบบของวันที่ต่างๆ ในปฏิทิน
                  defaultBuilder: (context, day, focusedDay) {
                        // กำหนดตัวแปรรับ วันที่เลือกในรูปแบบ 2024-10-10 เพื่อส่งค่าไปตรวจสอบว่า
                        // เป็นวันพระหรือไม่ ถ้าเป็น 1 2 3 และ 4 เป็นวันพระ ถ้าเป็น null ไม่ใช่วันพระ
                        String _checkDate = DateFormat('yyyy-MM-dd').format(day);              
                        return Container(
                          margin: const EdgeInsets.all(6.0),
                          alignment: Alignment.center,
                          child: Stack(
                            alignment: Alignment.center,
                            children: [
                              // ตรวจสอบว่าเป็นวันพระหรือไม่ ถ้าเป็นวันพระ แสดงจุดสีเหลืองตรงมุมซ้ายวันที่
                              if (_BuddhaDay[_checkDate] != null)
                              Positioned(
                                top: 0, 
                                left: 0, 
                                child: Container(
                                  width: 10,
                                  height: 10,
                                  decoration: BoxDecoration(
                                    shape: BoxShape.circle,
                                    color: const Color.fromARGB(255, 247, 211, 6),
                                  ),
                                ),
                              ),  
                              // เป็นวันอื่นๆ แสดงค่าปกติ                                    
                              Center(
                                child: Text(
                                  '${day.day}',
                                  style: TextStyle(
                                    fontSize: 20,
                                  ),
                                ),
                              ),                      
                            ],
                          ),
                        );
                  },
                  // ส่วนจัดรูปแบบชื่อวันแบบย่อในปฏิทิน ในที่นี้ ตรวจว่าเป็นวัน
                  // เสาร์ หรืออาทิตย์ แล้วให้แสดงสีข้อความเป็นสีแดง
                  dowBuilder: (context, day) {
                    if (day.weekday == DateTime.sunday ||
                        day.weekday == DateTime.saturday) {
                      // ใช้แพ็กเก็จ intl จัดรูปแบบเอาวันของข้อมูลวันที่ มาแสดง
                      final textDay = DateFormat.E('th').format(day);
                      return Center(
                        child: Text(
                          textDay,
                          style: const TextStyle(
                            color: Colors.red,
                            fontSize: 20.0,
                          ),
                        ),
                      );
                    }
                    return null; // ถ้าเป็นวันอื่นๆ ไม่ต้องจัดรูปแบบเพิ่มเติม
                  },
                ),
                // เมื่อเลื่อนเปลี่ยนหน้าข้อมูล เช่น เปลี่ยนเดือน
                onPageChanged: (day) {
               
                },
                // เมื่อกดเลือกวันในปฏิทิน
                onDaySelected: (selectedDay, focusedDay) {
                  // กำหนดตัวแปรรับ วันที่เลือกในรูปแบบ 2024-10-10 เพื่อส่งค่าไปตรวจสอบว่า
                  // เป็นวันพระหรือไม่ คืนค่าเป็น String ข้างขึ้นข้างแรม ของวันนั้นๆ เช่น แรม 15 ค่ำ เดือน 6 หรือ ค่าว่าง
                  String _selectDateInput = DateFormat('yyyy-MM-dd').format(selectedDay);
                  print(getWaxingCrescentInfo(_selectDateInput));
                  // ถ้าไม่ใช่วันที่เดียวกัน
                  if (!isSameDay(_selectedDay, selectedDay)) {
                    setState(() {
                      _selectedDay = selectedDay;
                      _focusedDay = focusedDay;
                    });
                  }
                },
                // ส่วนสำหรับกำหนด event กิจกรรมในปฏิทิน
                eventLoader: (day) {        
                  return [];
                },
              ),
            ],
          )
        ),
    );
  }
}


// ส่วนของฟังก์ชั่นเกียวกับวันพระ วันข้างขึ้นข้างแรม

// ฟังก์ชั่นหาปีอธิกมาธ กับปีอธิกวาร
String isAtikamasAtikawan(int year) {
  int inputYear = year - 78;
  int beginYear = 1700;
  int endYear = inputYear + 5;
  double beginDeviation = 0.098385;
  int i = beginYear;
  Map<int, double> arrYearModulus = {};
  Map<int, double> arrYearDeviation = {};
  Map<int, String> arrYearType = {};

  while (i < endYear) {
    int nextYear = i + 1;
    double valModulus = (i - 0.45222) % 2.7118886;
    double valModulusNextYear = (nextYear - 0.45222) % 2.7118886;
    arrYearModulus[i] = valModulus;

    double valDeviation;
    if (i == beginYear) {
      valDeviation = beginDeviation;
    } else {
      double checkValue1 = (arrYearType[i - 1] == "wan") ? -0.632944 : 0.367056;
      double checkValue2 = (arrYearModulus[i - 1]! < 1) ? -0.102356 : checkValue1;
      valDeviation = arrYearDeviation[i - 1]! + checkValue2;
    }

    arrYearDeviation[i] = valDeviation;

    if (valModulus < 1) {
      arrYearType[i] = "mas";
    } else {
      double checkValue3 = (valModulusNextYear < 1) ? 0.0169501433191599 : -0.0142223099315486;
      if (valDeviation > checkValue3) {
        arrYearType[i] = "wan";
      } else {
        arrYearType[i] = "";
      }
    }
    i++;
  }
  return arrYearType[inputYear].toString();
}

// ฟังก์ชั่นสำหรับตรวจสอบวันพระ โดยส่งวันที่แบบ String เช่น "2024-10-10" เข้าไป ประยุกต์จากภาษา PHP http://niik.in/1021
// getWaxingCrescentInfo('2024-10-10',getlistBuddshDay: true); คืนค่าเป็น List<Map> รายการวันพระท้งหมดของปีนั้นๆ
// getWaxingCrescentInfo('2024-10-10',buddhistDayType: true); คืนค่าเป็น String ชนิดวันพระ ของวันนั้นๆ 1 2 3 4 หรือ ค่าว่าง
// getWaxingCrescentInfo('2024-10-10'); คืนค่าเป็น String ข้างขึ้นข้างแรม ของวันนั้นๆ เช่น แรม 15 ค่ำ เดือน 6 หรือ ค่าว่าง
dynamic getWaxingCrescentInfo(String inputDay, {bool buddhistDayType = false,bool getlistBuddshDay = false}) {
  DateFormat formatter = DateFormat('yyyy-MM-dd');
  DateTime parsedDate;

  try {
    parsedDate = formatter.parse(inputDay);
  } catch (e) {
    return "รูปแบบวันที่ไม่ถูกต้อง";
  }

  Map<String, String> arrReturnDay = {};
  Map<String, String> arrReturnBuddhaDay = {};
  DateTime beginThaiDate = DateTime(1956, 12, 3);
  int checkYear = parsedDate.year;

  int dayAdd = 0;
  // print(checkYear);
  for (int i = 1957; i <= checkYear; i++) {
    bool isAtikamas = isAtikamasAtikawan(i) == 'mas' ? true : false;
    bool isAtikawan = isAtikamasAtikawan(i) == 'wan' ? true : false;
    int dayInYear = 354;
    dayInYear = isAtikamas ? 384 : dayInYear;
    dayInYear = isAtikawan ? 355 : dayInYear;

    DateTime beginBuddhistDayOfYear = beginThaiDate.add(Duration(days: dayAdd));
    dayAdd += dayInYear;

    // ignore: unused_local_variable
    int cDay = 0; // นับวัน
    int cuDay = 0;  // นับวันขึ้น
    int cdDay = 0; // นับวันแรม   
    String double_month_eight = ""; // เดือน 8 สองหนหรือไม่  


    int currentMonth = 1; // เดือนเริ่มต้น
    bool doubleMonth = false; // เดือน 8 สองหนหรือไม่

    if (i == checkYear) {
      int buddhaMonthDay = 0;
      // print(dayInYear);
      for (int v = 0; v < dayInYear + 60; v++) {
        cDay++;
        int finalDDay = (currentMonth % 2 == 1) ? 14 : 15;
        finalDDay = isAtikawan && currentMonth == 7 ? 15 : finalDDay;

        if (cdDay == finalDDay) {
          currentMonth++;
          if (currentMonth == 13) currentMonth = 1;
          if (isAtikamas && currentMonth == 9 && !doubleMonth) {
            currentMonth--;
            doubleMonth = true;
            double_month_eight = "หลัง";
          }else{
            double_month_eight = "";
          }
          cuDay = 0;
          cdDay = 0;
        }

        if(cuDay < 15){
          cuDay++;
          if(cuDay==8 || cuDay==15){
            if(cuDay==15){
              buddhaMonthDay = 4; // ขึ้นเต็มดวง
            }else{
              buddhaMonthDay = 3; // ขึ้นไม่เต็มดวง
            }
          }else{
            buddhaMonthDay = 0;
          }
        }else{
          if(cdDay < finalDDay){
            cdDay++;
            if(cdDay==8 || cdDay==finalDDay){
              if(cdDay==finalDDay){
                buddhaMonthDay = 2; // ดับทั้งดวง
              }else{
                buddhaMonthDay = 1; // ดับครึ่งดวง
              }
            }else{
              buddhaMonthDay = 0;
            }
          }
        }

        String dataWaxingCrescent = cdDay > 0
            ? "แรม $cdDay ค่ำ เดือน $currentMonth $double_month_eight"
            : "ขึ้น $cuDay ค่ำ เดือน $currentMonth $double_month_eight";
        // print(dataWaxingCrescent);
        String currentDate = formatter.format(beginBuddhistDayOfYear.add(Duration(days: v)));
        // arrReturnDay[currentDate] = dataWaxingCrescent;
        // print('${currentDate} - ${dataWaxingCrescent}');
        if (buddhaMonthDay > 0 && buddhaMonthDay <= 4) {
          if(getlistBuddshDay){
              arrReturnDay[currentDate] = "$buddhaMonthDay";
          }else{
            if(buddhistDayType){
                arrReturnBuddhaDay[currentDate] = "$buddhaMonthDay";
            }else{
                arrReturnBuddhaDay[currentDate] = dataWaxingCrescent;
            }
          }
        }
      }
    }
  }
  if(getlistBuddshDay){
    return arrReturnDay;
  }else{
    if(arrReturnBuddhaDay[inputDay]!=null){
      return arrReturnBuddhaDay[inputDay].toString();
    }else{
      return '';
    }
  }

}