Steps to reproduce

1. Have a DatePickerDialog in your app and have M3 enabled
2. Run the app (I tried macOS, CanvasKit, and skwasm)
3. Open the date picker if necessary
4. Try hovering over a non-active date
5. Press down and let ripple spread

Expected results

I expect the ink ripple won't leave the boundaries of the hover background, but it expands beyond that.

Actual results

When pressing down on a non-active date, the ink ripple expands beyond the hover circle and even overlaps with other dates.

Code sample

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: DatePickerDialog(
            firstDate: DateTime.utc(2010),
            lastDate: DateTime.utc(2030),
          ),
        ),
      ),
    );
  }
}

Video

Flutter version

Flutter 3.19.0-3.0.pre.43 • channel main • https://github.com/flutter/flutter
Framework • revision f961fdf2ba (4 hours ago) • 2024-01-10 17:37:07 -0500
Engine • revision a045134c91
Tools • Dart 3.4.0 (build 3.4.0-14.0.dev) • DevTools 2.31.0