Display the current month and day in a calendar box

calendar_date_box.dart

import 'package:flutter/material.dart';

class CalendarDateBox extends StatelessWidget {
  CalendarDateBox({
    super.key,
    required this.month,
    required this.day,
  });
  final String month;
  final String day;
  final Color boxColor = Colors.grey[800]!;
  final double boxWidth = 50;
  final Color monthTextColor = Colors.white;
  final double monthFontSize = 14;
  final double dayFontSize = 20;

  @override
  Widget build(BuildContext context) {
    return Table(
      columnWidths: {
        0: FixedColumnWidth(boxWidth),
      },
      border: TableBorder.all(width: 0, style: BorderStyle.none),
      children: [
        TableRow(
          children: [
            Container(
              decoration: BoxDecoration(
                color: boxColor,
                border: Border.all(
                  color: boxColor,
                  width: 1,
                ),
                borderRadius: const BorderRadius.only(
                  topRight: Radius.circular(6.0),
                  topLeft: Radius.circular(6.0),
                ),
              ),
              child: Text(
                month,
                textAlign: TextAlign.center,
                style: TextStyle(
                  fontSize: monthFontSize,
                  fontWeight: FontWeight.bold,
                  color: monthTextColor,
                ),
              ),
            ),
          ],
        ),
        TableRow(
          children: [
            Container(
              decoration: BoxDecoration(
                border: Border(
                  top: BorderSide.none,
                  left: BorderSide(color: boxColor, width: 1),
                  right: BorderSide(color: boxColor, width: 1),
                  bottom: BorderSide(color: boxColor, width: 1),
                ),
                borderRadius: const BorderRadius.only(
                  bottomLeft: Radius.circular(2.0),
                  bottomRight: Radius.circular(2.0),
                ),
              ),
              child: Text(day,
                  textAlign: TextAlign.center,
                  style: TextStyle(
                    color: boxColor,
                    fontSize: dayFontSize,
                  )),
            ),
          ],
        ),
      ],
    );
  }
}

Example: