Mantine日期组件defaultDate属性失效问题解析

问题背景

在使用Mantine的日期选择组件时，开发者发现MonthPickerInput和YearPickerInput组件存在一个关键问题：当通过defaultDate属性设置默认日期时，该属性会被忽略，导致组件无法按照预期工作。这个问题在表单场景下尤为突出，因为Mantine官方文档推荐在表单中使用非受控组件以获得最佳性能。

问题分析

通过深入分析Mantine的源代码，我们发现问题的根源在于MonthPickerInput和YearPickerInput组件内部调用了getDefaultClampedDate函数。这个函数的设计逻辑存在问题：当_value或_value[0]为null时，它会从minDate和maxDate属性中派生默认日期，而不是优先使用开发者通过defaultDate属性明确指定的值。

技术细节

在MonthPickerInput组件中，defaultDate的确定逻辑如下：

1. 检查_value是否为数组
2. 如果是数组则取_value[0]，否则直接取_value
3. 如果上述值为null，则调用getDefaultClampedDate函数

YearPickerInput组件的逻辑与MonthPickerInput类似，同样存在这个问题。

解决方案

经过测试验证，正确的实现方式应该是：

1. 首先检查_value数组或_value本身
2. 如果为null，则优先使用calendarProps.defaultDate
3. 最后才回退到getDefaultDate函数

这种实现方式与DatePickerInput组件的行为保持一致，确保了组件间行为的一致性。

影响范围

这个问题影响了所有使用MonthPickerInput和YearPickerInput组件并依赖defaultDate属性的场景。特别是在表单中使用非受控组件时，开发者无法通过defaultDate属性设置初始值，导致用户体验问题。

最佳实践

对于需要在表单中使用日期选择组件的开发者，建议：

1. 明确指定defaultDate属性
2. 同时设置合理的minDate和maxDate范围
3. 在需要精确控制默认日期时，确保defaultDate在minDate和maxDate范围内

总结

Mantine团队已经在新版本中修复了这个问题。开发者现在可以放心使用defaultDate属性来设置MonthPickerInput和YearPickerInput组件的初始值。这个修复确保了组件行为的可预测性，特别是在表单场景下，为开发者提供了更好的控制能力。