chore(docs): create DateRangePickerField design docs (#654)

* chore(docs): create daterangepickerfield design docs

* chore(docs): add sb link

Author: jaikamat

packages/nimbus/src/patterns/fields/date-range-picker-field/date-range-picker-field.mdx

@@ -16,13 +16,17 @@ tags:
   - DateRangePickerField
 ---
 
-# Date Range Picker Field
+## Overview
 
-A convenience component that integrates `DateRangePicker` with `FormField` using a simplified API for common use cases.
+DateRangePickerField is a pattern component that combines the FormField wrapper with the DateRangePicker input component. This integration provides a complete form field experience including accessible labels, helper text descriptions, info popovers for supplementary information, and comprehensive validation and error handling, all through a simplified, opinionated API.
 
-## Overview
+### Resources
+
+For detailed guidance on the individual components that make up this pattern, consult the component guidelines:
 
-Adds accessible labels, descriptions, error messages, and help dialogs to a DateRangePicker.
+- [DateRangePicker Guidelines](/components/inputs/daterangepicker) - Date range selection patterns, interaction guidelines, and accessibility standards
+- [FormField Guidelines](/components/inputs/formfield) - Label options, helper text, validation patterns, and form field accessibility
+- [Storybook](https://nimbus-storybook.vercel.app/?path=/docs/patterns-fields-daterangepickerfield--docs)
 
 ## Props