DataGridView：日付編集時にカレンダー（DateTimePicker）を利用する方法（サンプルあり）

using System.Data;

namespace DataGridView_CalendarCell;

public partial class Form1 : Form
{
    private DataTable _employeeTable = new DataTable();

    // セルの上にピッタリ重ね合わせるためのカレンダーコントロール
    private DateTimePicker _dateTimePicker = new DateTimePicker();

    public Form1()
    {
        InitializeComponent();
        InitializeData();
        InitializeDataGridView();
        InitializeDateTimePicker(); // カレンダーの初期設定
    }

    private void InitializeData()
    {
        // 添付画像のイメージに合わせたデータ構造
        _employeeTable.Columns.Add("ID", typeof(int));
        _employeeTable.Columns.Add("FirstName", typeof(string));
        _employeeTable.Columns.Add("LastName", typeof(string));
        _employeeTable.Columns.Add("Date", typeof(string)); // 日付列

        _employeeTable.Rows.Add(1, "John", "Smith", DateTime.Today.AddDays(-5).ToShortDateString());
        _employeeTable.Rows.Add(2, "John", "Johnson", DateTime.Today.AddDays(-3).ToShortDateString());
        _employeeTable.Rows.Add(3, "Mike", "Brown", DateTime.Today.ToShortDateString());
    }

    private void InitializeDataGridView()
    {
        dataGridView1.DataSource = _employeeTable;
        dataGridView1.AutoSizeColumnsMode = DataGridViewAutoSizeColumnsMode.Fill;

        // 1. 編集開始・終了、およびスクロール時のイベントを購読
        dataGridView1.CellBeginEdit += DataGridView1_CellBeginEdit;
        dataGridView1.CellEndEdit += DataGridView1_CellEndEdit;
        dataGridView1.Scroll += DataGridView1_Scroll; // スクロールズレ対策
    }

    private void InitializeDateTimePicker()
    {
        // 2. カレンダーコントロールを初期状態では非表示にして DataGridView の子要素として追加
        _dateTimePicker.Visible = false;
        _dateTimePicker.Format = DateTimePickerFormat.Short; // 「YYYY/MM/DD」形式で表示

        // カレンダーのドロップダウンが閉じられた時のイベントを購読
        _dateTimePicker.CloseUp += DateTimePicker_CloseUp;

        dataGridView1.Controls.Add(_dateTimePicker);
    }

    /// <summary>
    /// セルの編集が始まったときに呼び出されるイベント
    /// </summary>
    private void DataGridView1_CellBeginEdit(object? sender, DataGridViewCellCancelEventArgs e)
    {
        // 「Date」列以外は何もしない
        if (dataGridView1.Columns[e.ColumnIndex].Name != "Date") return;

        // 3. 現在編集しようとしているセルの「画面上の位置とサイズ」を取得
        Rectangle rect = dataGridView1.GetCellDisplayRectangle(e.ColumnIndex, e.RowIndex, true);

        // カレンダーをセルの大きさと位置に合わせる
        _dateTimePicker.Size = rect.Size;
        _dateTimePicker.Location = rect.Location;

        // 4. 現在セルに入っている日付文字列を解析し、カレンダーの初期値としてセット
        if (DateTime.TryParse(dataGridView1[e.ColumnIndex, e.RowIndex].Value?.ToString(), out DateTime dt))
        {
            _dateTimePicker.Value = dt;
        }
        else
        {
            _dateTimePicker.Value = DateTime.Today; // 変換できなければ今日の日付
        }

        // カレンダーを表示させてフォーカスを移す
        _dateTimePicker.Visible = true;
        _dateTimePicker.Focus();
    }

    /// <summary>
    /// セルの編集が終了するときに呼び出されるイベント
    /// </summary>
    private void DataGridView1_CellEndEdit(object? sender, DataGridViewCellEventArgs e)
    {
        if (dataGridView1.Columns[e.ColumnIndex].Name != "Date") return;

        // 5. カレンダーで選択された日付を、セルの値へ書き戻す
        if (_dateTimePicker.Visible)
        {
            dataGridView1[e.ColumnIndex, e.RowIndex].Value = _dateTimePicker.Value.ToShortDateString();
            _dateTimePicker.Visible = false; // カレンダーを使用後は非表示にする
        }
    }

    /// <summary>
    /// カレンダーのドロップダウン（カレンダー画面）が閉じられたときのイベント
    /// </summary>
    private void DateTimePicker_CloseUp(object? sender, EventArgs e)
    {
        // 6. 日付が選択されてカレンダーが閉じたら、明示的にセルの編集モードを終了（確定）させる
        // これを呼ぶことで、自動的に上記の「CellEndEdit」イベントが誘発されます
        dataGridView1.EndEdit();
    }

    /// <summary>
    /// グリッドがスクロールされたときのイベント
    /// </summary>
    private void DataGridView1_Scroll(object? sender, ScrollEventArgs e)
    {
        // カレンダーが表示されたままスクロールされると位置がズレるため、強制的に編集を終了して隠す
        if (_dateTimePicker.Visible)
        {
            _dateTimePicker.Visible = false;
            dataGridView1.EndEdit();
        }
    }
}