### Basic CalendarDatePicker2 Widget Setup

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/README.md

Demonstrates the minimum required setup for the CalendarDatePicker2 widget, including providing a configuration and an initial date value.

```dart
CalendarDatePicker2(
  config: CalendarDatePicker2Config(),
  value: _dates,
  onValueChanged: (dates) => _dates = dates,
);
```

--------------------------------

### CMake Installation Rules for Runtime Components

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/example/windows/CMakeLists.txt

Defines the installation rules for the application's runtime components. This includes setting the installation prefix, installing the main executable, Flutter ICU data, libraries, bundled plugin libraries, and the asset directory. It ensures assets are re-copied on each build to prevent stale files.

```cmake
# === Installation ===
# Support files are copied into place next to the executable, so that it can
# run in place. This is done instead of making a separate bundle (as on Linux)
# so that building and running from within Visual Studio will work.
set(BUILD_BUNDLE_DIR "$<TARGET_FILE_DIR:${BINARY_NAME}>")
# Make the "install" step default, as it's required to run.
set(CMAKE_VS_INCLUDE_INSTALL_TO_DEFAULT_BUILD 1)
if(CMAKE_INSTALL_PREFIX_INITIALIZED_TO_DEFAULT)
  set(CMAKE_INSTALL_PREFIX "${BUILD_BUNDLE_DIR}" CACHE PATH "..." FORCE)
endif()

set(INSTALL_BUNDLE_DATA_DIR "${CMAKE_INSTALL_PREFIX}/data")
set(INSTALL_BUNDLE_LIB_DIR "${CMAKE_INSTALL_PREFIX}")

install(TARGETS ${BINARY_NAME} RUNTIME DESTINATION "${CMAKE_INSTALL_PREFIX}"
  COMPONENT Runtime)

install(FILES "${FLUTTER_ICU_DATA_FILE}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}"
  COMPONENT Runtime)

install(FILES "${FLUTTER_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_LIB_DIR}"
  COMPONENT Runtime)

if(PLUGIN_BUNDLED_LIBRARIES)
  install(FILES "${PLUGIN_BUNDLED_LIBRARIES}"
    DESTINATION "${INSTALL_BUNDLE_LIB_DIR}"
    COMPONENT Runtime)
endif()

# Fully re-copy the assets directory on each build to avoid having stale files
# from a previous install.
set(FLUTTER_ASSET_DIR_NAME "flutter_assets")
install(CODE "
  file(REMOVE_RECURSE \"${INSTALL_BUNDLE_DATA_DIR}/${FLUTTER_ASSET_DIR_NAME}\")
  " COMPONENT Runtime)
install(DIRECTORY "${PROJECT_BUILD_DIR}/${FLUTTER_ASSET_DIR_NAME}"
  DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" COMPONENT Runtime)

# Install the AOT library on non-Debug builds only.
install(FILES "${AOT_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}"
  CONFIGURATIONS Profile;Release
  COMPONENT Runtime)
```

--------------------------------

### Install calendar_date_picker2 Package

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/README.md

Add the calendar_date_picker2 package as a dependency in your pubspec.yaml file to include it in your Flutter project.

```yaml
dependencies:
  calendar_date_picker2: ^2.0.1
```

--------------------------------

### CMake Build Configuration and Options

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/example/windows/CMakeLists.txt

Configures the minimum CMake version, project name, binary name, and installation paths. It dynamically sets build types based on whether the generator is multi-configuration or single-configuration. Profile build settings are derived from Release settings. Unicode support is enabled.

```cmake
cmake_minimum_required(VERSION 3.14)
project(example LANGUAGES CXX)

set(BINARY_NAME "example")

cmake_policy(SET CMP0063 NEW)

set(CMAKE_INSTALL_RPATH "$ORIGIN/lib")

# Configure build options.
get_property(IS_MULTICONFIG GLOBAL PROPERTY GENERATOR_IS_MULTI_CONFIG)
if(IS_MULTICONFIG)
  set(CMAKE_CONFIGURATION_TYPES "Debug;Profile;Release"
    CACHE STRING "" FORCE)
else()
  if(NOT CMAKE_BUILD_TYPE AND NOT CMAKE_CONFIGURATION_TYPES)
    set(CMAKE_BUILD_TYPE "Debug" CACHE
      STRING "Flutter build mode" FORCE)
    set_property(CACHE CMAKE_BUILD_TYPE PROPERTY STRINGS
      "Debug" "Profile" "Release")
  endif()
endif()

set(CMAKE_EXE_LINKER_FLAGS_PROFILE "${CMAKE_EXE_LINKER_FLAGS_RELEASE}")
set(CMAKE_SHARED_LINKER_FLAGS_PROFILE "${CMAKE_SHARED_LINKER_FLAGS_RELEASE}")
set(CMAKE_C_FLAGS_PROFILE "${CMAKE_C_FLAGS_RELEASE}")
set(CMAKE_CXX_FLAGS_PROFILE "${CMAKE_CXX_FLAGS_RELEASE}")

# Use Unicode for all projects.
add_definitions(-DUNICODE -D_UNICODE)
```

--------------------------------

### Date Picker with Action Buttons in Flutter

Source: https://context7.com/theideasaler/calendar_date_picker2/llms.txt

Shows how to use the CalendarDatePicker2WithActionButtons widget, which includes 'OK' and 'CANCEL' buttons for confirming or discarding date selections. This example configures the picker for range selection, customizes button styles, and handles the confirmed and cancelled events. It depends on the flutter/material and calendar_date_picker2 packages.

```dart
import 'package:flutter/material.dart';
import 'package:calendar_date_picker2/calendar_date_picker2.dart';

class DatePickerWithButtonsExample extends StatefulWidget {
  @override
  State<DatePickerWithButtonsExample> createState() => _DatePickerWithButtonsExampleState();
}

class _DatePickerWithButtonsExampleState extends State<DatePickerWithButtonsExample> {
  List<DateTime?> _confirmedDates = [];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Date Picker With Buttons')),
      body: Column(
        children: [
          CalendarDatePicker2WithActionButtons(
            config: CalendarDatePicker2WithActionButtonsConfig(
              calendarType: CalendarDatePicker2Type.range,
              firstDayOfWeek: 1,
              gapBetweenCalendarAndButtons: 16,
              selectedDayHighlightColor: Colors.purple[800],
              selectedDayTextStyle: TextStyle(color: Colors.white, fontWeight: FontWeight.w700),
              okButtonTextStyle: TextStyle(
                color: Colors.purple[800],
                fontWeight: FontWeight.bold,
                fontSize: 16,
              ),
              cancelButtonTextStyle: TextStyle(
                color: Colors.grey[600],
                fontWeight: FontWeight.bold,
                fontSize: 16,
              ),
              buttonPadding: EdgeInsets.symmetric(vertical: 12, horizontal: 20),
            ),
            value: _confirmedDates,
            onValueChanged: (dates) {
              setState(() {
                _confirmedDates = dates;
              });
              print('Confirmed dates: $dates');
            },
            onCancelTapped: () {
              print('Selection cancelled');
            },
            onOkTapped: () {
              print('Selection confirmed');
            },
          ),
          SizedBox(height: 20),
          Text('Confirmed dates: ${_confirmedDates.length}'),
        ],
      ),
    );
  }
}

```

--------------------------------

### Flutter: Single Date Selection with CalendarDatePicker2

Source: https://context7.com/theideasaler/calendar_date_picker2/llms.txt

Demonstrates how to use the `CalendarDatePicker2` widget for selecting a single date. This example configures the `calendarType` to `single` and shows how to handle the selected date changes.

```dart
import 'package:flutter/material.dart';
import 'package:calendar_date_picker2/calendar_date_picker2.dart';

class SingleDatePickerExample extends StatefulWidget {
  @override
  State<SingleDatePickerExample> createState() => _SingleDatePickerExampleState();
}

class _SingleDatePickerExampleState extends State<SingleDatePickerExample> {
  List<DateTime?> _dates = [DateTime.now()];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Single Date Picker')),
      body: Column(
        children: [
          CalendarDatePicker2(
            config: CalendarDatePicker2Config(
              calendarType: CalendarDatePicker2Type.single,
              selectedDayHighlightColor: Colors.blue[800],
              weekdayLabels: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
              weekdayLabelTextStyle: TextStyle(
                color: Colors.black87,
                fontWeight: FontWeight.bold,
              ),
              firstDayOfWeek: 1,
              controlsHeight: 50,
              controlsTextStyle: TextStyle(
                color: Colors.black,
                fontSize: 15,
                fontWeight: FontWeight.bold,
              ),
              dayTextStyle: TextStyle(color: Colors.black, fontWeight: FontWeight.w400),
              selectedDayTextStyle: TextStyle(color: Colors.white, fontWeight: FontWeight.w700),
            ),
            value: _dates,
            onValueChanged: (dates) {
              setState(() {
                _dates = dates;
              });
              print('Selected date: ${dates.first}');
            },
          ),
          SizedBox(height: 20),
          Text('Selected: ${_dates.first?.toString() ?? "None"}'),
        ],
      ),
    );
  }
}

```

--------------------------------

### Custom Calendar Styling with Flutter

Source: https://context7.com/theideasaler/calendar_date_picker2/llms.txt

This Flutter code snippet demonstrates how to apply custom styles and themes to the CalendarDatePicker2 widget. It utilizes `CalendarDatePicker2Config` to modify various visual aspects, including text styles, colors, and border radii, to achieve a unique look and feel for the calendar component. The example focuses on range selection and integrates custom styling for a more branded user experience.

```dart
import 'package:flutter/material.dart';
import 'package:calendar_date_picker2/calendar_date_picker2.dart';

class CustomStyledExample extends StatefulWidget {
  @override
  State<CustomStyledExample> createState() => _CustomStyledExampleState();
}

class _CustomStyledExampleState extends State<CustomStyledExample> {
  List<DateTime?> _dates = [];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey[100],
      appBar: AppBar(title: Text('Custom Styled Calendar')),
      body: Center(
        child: Container(
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.circular(20),
            boxShadow: [
              BoxShadow(
                color: Colors.black.withOpacity(0.1),
                blurRadius: 10,
                spreadRadius: 2,
              ),
            ],
          ),
          margin: EdgeInsets.all(20),
          padding: EdgeInsets.all(16),
          child: CalendarDatePicker2(
            config: CalendarDatePicker2Config(
              calendarType: CalendarDatePicker2Type.range,
              firstDayOfWeek: 1,
              weekdayLabelTextStyle: TextStyle(
                color: Colors.purple[700],
                fontWeight: FontWeight.bold,
                fontSize: 14,
              ),
              controlsTextStyle: TextStyle(
                color: Colors.purple[900],
                fontSize: 16,
                fontWeight: FontWeight.w600,
              ),
              dayTextStyle: TextStyle(
                color: Colors.grey[800],
                fontSize: 14,
              ),
              selectedDayTextStyle: TextStyle(
                color: Colors.white,
                fontWeight: FontWeight.bold,
                fontSize: 16,
              ),
              todayTextStyle: TextStyle(
                color: Colors.purple[600],
                fontWeight: FontWeight.bold,
                fontSize: 14,
              ),
              selectedDayHighlightColor: Colors.purple[600],
              selectedRangeHighlightColor: Colors.purple[100],
              dayBorderRadius: BorderRadius.circular(12),
              yearBorderRadius: BorderRadius.circular(8),
              daySplashColor: Colors.purple[50],
              dynamicCalendarRows: true,
            ),
            value: _dates,
            onValueChanged: (dates) => setState(() => _dates = dates),
          ),
        ),
      ),
    );
  }
}

```

--------------------------------

### Custom Calendar Date Picker UI (Dart)

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/README.md

Demonstrates creating a custom calendar date picker UI by configuring various properties like first day of the week, calendar type, text styles, and custom builders for days and years. This allows for a highly personalized user experience.

```dart
CalendarDatePicker2WithActionButtons(
  config: CalendarDatePicker2WithActionButtonsConfig(
    firstDayOfWeek: 1,
    calendarType: CalendarDatePicker2Type.range,
    selectedDayTextStyle: TextStyle(color: Colors.white, fontWeight: FontWeight.w700),
    selectedDayHighlightColor: Colors.purple[800],
    centerAlignModePicker: true,
    customModePickerIcon: SizedBox(),
    dayBuilder: _yourDayBuilder,
    yearBuilder: _yourYearBuilder,
  ),
  value: _dates,
  onValueChanged: (dates) => _dates = dates,
);
```

--------------------------------

### Configure Executable Target with CMake

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/example/windows/runner/CMakeLists.txt

This CMake snippet defines the main executable for the Windows runner application. It lists all source files, including C++ files, generated files, and resource scripts, and applies standard build settings. It also sets specific compile definitions and links essential libraries.

```cmake
cmake_minimum_required(VERSION 3.14)
project(runner LANGUAGES CXX)

add_executable(${BINARY_NAME} WIN32
  "flutter_window.cpp"
  "main.cpp"
  "utils.cpp"
  "win32_window.cpp"
  "${FLUTTER_MANAGED_DIR}/generated_plugin_registrant.cc"
  "Runner.rc"
  "runner.exe.manifest"
)
apply_standard_settings(${BINARY_NAME})
target_compile_definitions(${BINARY_NAME} PRIVATE "NOMINMAX")
target_link_libraries(${BINARY_NAME} PRIVATE flutter flutter_wrapper_app)
target_include_directories(${BINARY_NAME} PRIVATE "${CMAKE_SOURCE_DIR}")
add_dependencies(${BINARY_NAME} flutter_assemble)
```

--------------------------------

### Assemble Flutter Build Artifacts (CMake)

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/example/windows/flutter/CMakeLists.txt

This CMake snippet defines a custom command and target to assemble Flutter build artifacts. It uses the 'tool_backend.bat' to generate necessary files like DLLs, headers, and wrapper sources. A phony output file ensures the command runs on every build.

```cmake
# === Flutter tool backend ===
# _phony_ is a non-existent file to force this command to run every time,
# since currently there's no way to get a full input/output list from the
# flutter tool.
set(PHONY_OUTPUT "${CMAKE_CURRENT_BINARY_DIR}/_phony_")
set_source_files_properties("${PHONY_OUTPUT}" PROPERTIES SYMBOLIC TRUE)
add_custom_command(
  OUTPUT ${FLUTTER_LIBRARY} ${FLUTTER_LIBRARY_HEADERS}
    ${CPP_WRAPPER_SOURCES_CORE} ${CPP_WRAPPER_SOURCES_PLUGIN}
    ${CPP_WRAPPER_SOURCES_APP}
    ${PHONY_OUTPUT}
  COMMAND ${CMAKE_COMMAND} -E env
    ${FLUTTER_TOOL_ENVIRONMENT}
    "${FLUTTER_ROOT}/packages/flutter_tools/bin/tool_backend.bat"
      windows-x64 $<CONFIG>
  VERBATIM
)
add_custom_target(flutter_assemble DEPENDS
  "${FLUTTER_LIBRARY}"
  ${FLUTTER_LIBRARY_HEADERS}
  ${CPP_WRAPPER_SOURCES_CORE}
  ${CPP_WRAPPER_SOURCES_PLUGIN}
  ${CPP_WRAPPER_SOURCES_APP}
)
```

--------------------------------

### Display CalendarDatePicker2 as a Dialog

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/README.md

Shows how to use the built-in showCalendarDatePicker2Dialog function to display the calendar picker within a dialog. Requires context, configuration, and dialog size.

```dart
...
var results = await showCalendarDatePicker2Dialog(
  context: context,
  config: CalendarDatePicker2WithActionButtonsConfig(),
  dialogSize: const Size(325, 400),
  value: _dates,
  borderRadius: BorderRadius.circular(15),
);
...
```

--------------------------------

### Enable Multi-language Support in MaterialApp (Dart)

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/README.md

Shows how to enable multi-language support for the calendar picker by adding global material localizations delegates and defining supported locales within the MaterialApp widget. This ensures the calendar can be displayed in various languages.

```dart
MaterialApp(
  localizationsDelegates: GlobalMaterialLocalizations.delegates,
  supportedLocales: const [
    Locale('en', ''),
    Locale('zh', ''),
    Locale('ru', ''),
    Locale('es', ''),
    Locale('hi', ''),
  ],
  ...
);
```

--------------------------------

### Configure Flutter Library and Headers (CMake)

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/example/windows/flutter/CMakeLists.txt

This snippet configures the Flutter library and its associated headers. It sets up include directories and links the Flutter library. Dependencies on 'flutter_assemble' ensure the library is ready before use.

```cmake
cmake_minimum_required(VERSION 3.14)

set(EPHEMERAL_DIR "${CMAKE_CURRENT_SOURCE_DIR}/ephemeral")

# Configuration provided via flutter tool.
include(${EPHEMERAL_DIR}/generated_config.cmake)

# TODO: Move the rest of this into files in ephemeral. See
# https://github.com/flutter/flutter/issues/57146.
set(WRAPPER_ROOT "${EPHEMERAL_DIR}/cpp_client_wrapper")

# === Flutter Library ===
set(FLUTTER_LIBRARY "${EPHEMERAL_DIR}/flutter_windows.dll")

# Published to parent scope for install step.
set(FLUTTER_LIBRARY ${FLUTTER_LIBRARY} PARENT_SCOPE)
set(FLUTTER_ICU_DATA_FILE "${EPHEMERAL_DIR}/icudtl.dat" PARENT_SCOPE)
set(PROJECT_BUILD_DIR "${PROJECT_DIR}/build/" PARENT_SCOPE)
set(AOT_LIBRARY "${PROJECT_DIR}/build/windows/app.so" PARENT_SCOPE)

list(APPEND FLUTTER_LIBRARY_HEADERS
  "flutter_export.h"
  "flutter_windows.h"
  "flutter_messenger.h"
  "flutter_plugin_registrar.h"
  "flutter_texture_registrar.h"
)
list(TRANSFORM FLUTTER_LIBRARY_HEADERS PREPEND "${EPHEMERAL_DIR}/ữa")
add_library(flutter INTERFACE)
target_include_directories(flutter INTERFACE
  "${EPHEMERAL_DIR}"
)
target_link_libraries(flutter INTERFACE "${FLUTTER_LIBRARY}.lib")
add_dependencies(flutter flutter_assemble)
```

--------------------------------

### Calendar Date Picker Properties

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/README.md

Configuration options for the calendar date picker component.

```APIDOC
## Calendar Date Picker Configuration

### Description
This section details the properties available for configuring the Calendar Date Picker component, including display modes, text handling, styling, and selection logic.

### Method
N/A (Configuration Object)

### Endpoint
N/A (Component Configuration)

### Parameters
#### Component Properties
- **disableModePicker** (bool?) - Flag to disable mode picker and hide the toggle icon.
- **modePickerTextHandler** (ModePickerTextHandler?) - Function to control mode picker displayed text.
- **modePickerBuilder** (ModePickerBuilder?) - Function to provide full control over mode picker UI.
- **customModePickerIcon** (Widget?) - Custom icon for the mode picker button icon.
- **useAbbrLabelForMonthModePicker** (bool?) - Use Abbreviation label for month mode picker, only works when month picker is enabled.
- **dayViewController** (PageController?) - Custom page controller for the calendar day view.
- **dayMaxWidth** (double?) - Max width of day widget. When [dayMaxWidth] is not null, it will override default size settings.
- **dayBorderRadius** (BorderRadius?) - Custom border radius for day indicator.
- **dayTextStyle** (TextStyle?) - Custom text style for calendar day(s).
- **todayTextStyle** (TextStyle?) - Custom text style for current calendar day(s).
- **disabledDayTextStyle** (TextStyle?) - Custom text style for disabled calendar day(s).
- **dayTextStylePredicate** (DayTextStylePredicate?) - Function to provide full control over calendar day(s) text style.
- **selectedDayHighlightColor** (Color?) - The highlight color selected day.
- **selectedDayTextStyle** (TextStyle?) - Custom text style for selected calendar day(s).
- **selectableDayPredicate** (SelectableDayPredicate?) - Function to provide full control over which dates in the calendar can be selected.
- **selectedRangeDayTextStyle** (TextStyle?) - Custom text style for selected range calendar day(s).
- **selectedRangeHighlightColor** (Color?) - The highlight color for day(s) included in the selected range.
- **selectedRangeDecorationPredicate** (SelectedRangeDecorationPredicate?) - Predicate to determine the day widget box decoration for a day in selected range.
- **selectedRangeHighlightBuilder** (SelectedRangeHighlightBuilder?) - Function to provide full control over range picker highlight.
- **daySplashColor** (Color?) - The splash color of the day widget.
- **dayBuilder** (DayBuilder?) - Function to provide full control over day widget UI.
- **dayModeScrollDirection** (Axis?) - Axis scroll direction for [CalendarDatePicker2Mode.day] mode.
- **monthViewController** (ScrollController?) - Custom scroll controller for the calendar month view.
- **monthBuilder** (MonthBuilder?) - Function to provide full control over month widget UI.
- **hideMonthPickerDividers** (bool?) - Flag to hide dividers on month picker.
- **selectableMonthPredicate** (SelectableMonthPredicate?) - Function to provide full control over which month in the month list can be selected.
- **disableMonthPicker** (bool?) - Flag to disable month picker.

### Request Example
```json
{
  "disableModePicker": true,
  "dayMaxWidth": 50.0,
  "todayTextStyle": {
    "fontWeight": "bold"
  }
}
```

### Response
#### Success Response (200)
N/A (This is a configuration object, not an API response)

#### Response Example
N/A
```

--------------------------------

### Build Flutter C++ Wrapper for Plugins (CMake)

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/example/windows/flutter/CMakeLists.txt

This CMake snippet defines a static library for the Flutter C++ wrapper used by plugins. It includes core and plugin-specific source files, applies standard build settings, and configures visibility and include paths. It also links against the main Flutter library and depends on 'flutter_assemble'.

```cmake
# === Wrapper ===
list(APPEND CPP_WRAPPER_SOURCES_CORE
  "core_implementations.cc"
  "standard_codec.cc"
)
list(TRANSFORM CPP_WRAPPER_SOURCES_CORE PREPEND "${WRAPPER_ROOT}/ữa")
list(APPEND CPP_WRAPPER_SOURCES_PLUGIN
  "plugin_registrar.cc"
)
list(TRANSFORM CPP_WRAPPER_SOURCES_PLUGIN PREPEND "${WRAPPER_ROOT}/ữa")
list(APPEND CPP_WRAPPER_SOURCES_APP
  "flutter_engine.cc"
  "flutter_view_controller.cc"
)
list(TRANSFORM CPP_WRAPPER_SOURCES_APP PREPEND "${WRAPPER_ROOT}/ữa")

# Wrapper sources needed for a plugin.
add_library(flutter_wrapper_plugin STATIC
  ${CPP_WRAPPER_SOURCES_CORE}
  ${CPP_WRAPPER_SOURCES_PLUGIN}
)
apply_standard_settings(flutter_wrapper_plugin)
set_target_properties(flutter_wrapper_plugin PROPERTIES
  POSITION_INDEPENDENT_CODE ON)
set_target_properties(flutter_wrapper_plugin PROPERTIES
  CXX_VISIBILITY_PRESET hidden)
target_link_libraries(flutter_wrapper_plugin PUBLIC flutter)
target_include_directories(flutter_wrapper_plugin PUBLIC
  "${WRAPPER_ROOT}/include"
)
add_dependencies(flutter_wrapper_plugin flutter_assemble)
```

--------------------------------

### Build Flutter C++ Wrapper for Runner (CMake)

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/example/windows/flutter/CMakeLists.txt

This CMake snippet defines a static library for the Flutter C++ wrapper used by the application runner. It includes core and application-specific source files, links against the main Flutter library, and sets up include paths. It also depends on 'flutter_assemble'.

```cmake
# Wrapper sources needed for the runner.
add_library(flutter_wrapper_app STATIC
  ${CPP_WRAPPER_SOURCES_CORE}
  ${CPP_WRAPPER_SOURCES_APP}
)
apply_standard_settings(flutter_wrapper_app)
target_link_libraries(flutter_wrapper_app PUBLIC flutter)
target_include_directories(flutter_wrapper_app PUBLIC
  "${WRAPPER_ROOT}/include"
)
add_dependencies(flutter_wrapper_app flutter_assemble)
```

--------------------------------

### CMake Function for Standard Compilation Settings

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/example/windows/CMakeLists.txt

Defines a reusable CMake function `APPLY_STANDARD_SETTINGS` that applies common compilation features, options, and definitions to a target. This includes setting the C++ standard to C++17, applying specific compiler warnings and error flags, and defining exception handling behavior.

```cmake
# Compilation settings that should be applied to most targets.
function(APPLY_STANDARD_SETTINGS TARGET)
  target_compile_features(${TARGET} PUBLIC cxx_std_17)
  target_compile_options(${TARGET} PRIVATE /W4 /WX /wd"4100")
  target_compile_options(${TARGET} PRIVATE /EHsc)
  target_compile_definitions(${TARGET} PRIVATE "_HAS_EXCEPTIONS=0")
  target_compile_definitions(${TARGET} PRIVATE "$<$<CONFIG:Debug>:_DEBUG>")
endfunction()
```

--------------------------------

### Flutter Multi-Language Calendar Date Picker

Source: https://context7.com/theideasaler/calendar_date_picker2/llms.txt

Demonstrates how to enable multi-language support for the calendar using Flutter's localization delegates. It configures supported locales and sets a default locale for the calendar widget. No external dependencies are required beyond the standard Flutter localization packages.

```dart
import 'package:flutter/material.dart';
import 'package:calendar_date_picker2/calendar_date_picker2.dart';
import 'package:flutter_localizations/flutter_localizations.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Multi-Language Calendar',
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
      ],
      supportedLocales: [
        Locale('en', ''), // English
        Locale('zh', ''), // Chinese
        Locale('ru', ''), // Russian
        Locale('es', ''), // Spanish
        Locale('hi', ''), // Hindi
        Locale('he', ''), // Hebrew
        Locale('ko', ''), // Korean
      ],
      locale: Locale('es', ''), // Set Spanish as default
      home: MultiLanguageExample(),
    );
  }
}

class MultiLanguageExample extends StatefulWidget {
  @override
  State<MultiLanguageExample> createState() => _MultiLanguageExampleState();
}

class _MultiLanguageExampleState extends State<MultiLanguageExample> {
  List<DateTime?> _dates = [];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Calendario en Español')),
      body: CalendarDatePicker2(
        config: CalendarDatePicker2Config(
          calendarType: CalendarDatePicker2Type.single,
          firstDayOfWeek: 1,
          selectedDayHighlightColor: Colors.orange[800],
        ),
        value: _dates,
        onValueChanged: (dates) => setState(() => _dates = dates),
      ),
    );
  }
}

```

--------------------------------

### Multi Date Picker Configuration

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/README.md

Configures the CalendarDatePicker2 widget to allow the selection of multiple dates by setting the calendarType to CalendarDatePicker2Type.multi.

```dart
CalendarDatePicker2(
  config: CalendarDatePicker2Config(
      calendarType: CalendarDatePicker2Type.multi,
  ),
  value: _dates,
  onValueChanged: (dates) => _dates = dates,
);
```

--------------------------------

### Load Main Dart JS with Service Worker Fallback - JavaScript

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/example/web/index.html

This JavaScript code snippet handles the dynamic loading of 'main.dart.js'. It first attempts to register and utilize a service worker to serve the application. If the service worker registration or activation fails after a timeout, it falls back to directly appending the 'main.dart.js' script tag to the document body. This ensures application availability even if service workers are not supported or encounter issues.

```javascript
var serviceWorkerVersion = null; var scriptLoaded = false; function loadMainDartJs() { if (scriptLoaded) { return; } scriptLoaded = true; var scriptTag = document.createElement('script'); scriptTag.src = 'main.dart.js'; scriptTag.type = 'application/javascript'; document.body.append(scriptTag); }
if ('serviceWorker' in navigator) { // Service workers are supported. Use them. window.addEventListener('load', function () { // Wait for registration to finish before dropping the <script> tag. // Otherwise, the browser will load the script multiple times, // potentially different versions. var serviceWorkerUrl = 'flutter\_service\_worker.js?v=' + serviceWorkerVersion;
navigator.serviceWorker.register(serviceWorkerUrl)
 .then((reg) => { function waitForActivation(serviceWorker) { serviceWorker.addEventListener('statechange', () => { if (serviceWorker.state == 'activated') { console.log('Installed new service worker.'); loadMainDartJs(); } }); }
if (!reg.active && (reg.installing || reg.waiting)) { // No active web worker and we have installed or are installing // one for the first time. Simply wait for it to activate. waitForActivation(reg.installing || reg.waiting); } else if (!reg.active.scriptURL.endsWith(serviceWorkerVersion)) { // When the app updates the serviceWorkerVersion changes, so we // need to ask the service worker to update. console.log('New service worker available.'); reg.update(); waitForActivation(reg.installing); } else { // Existing service worker is still good. console.log('Loading app from service worker.'); loadMainDartJs(); } }); // If service worker doesn't succeed in a reasonable amount of time, // fallback to plaint <script> tag. setTimeout(() => { if (!scriptLoaded) { console.warn( 'Failed to load app from service worker. Falling back to plain <script> tag.', ); loadMainDartJs(); } }, 4000); }); } else { // Service workers not supported. Just drop the <script> tag. loadMainDartJs(); }
```

--------------------------------

### CMake Subdirectory and Plugin Inclusion

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/example/windows/CMakeLists.txt

Includes the Flutter managed directory and the application's runner subdirectory. It also includes generated plugin build rules, which are essential for compiling and linking the project's plugins.

```cmake
set(FLUTTER_MANAGED_DIR "${CMAKE_CURRENT_SOURCE_DIR}/flutter")

# Flutter library and tool build rules.
add_subdirectory(${FLUTTER_MANAGED_DIR})

# Application build
add_subdirectory("runner")

# Generated plugin build rules, which manage building the plugins and adding
# them to the application.
include(flutter/generated_plugins.cmake)
```

--------------------------------

### Range Date Picker Configuration

Source: https://github.com/theideasaler/calendar_date_picker2/blob/main/README.md

Configures the CalendarDatePicker2 widget to allow the selection of a date range by setting the calendarType to CalendarDatePicker2Type.range.

```dart
CalendarDatePicker2(
  config: CalendarDatePicker2Config(
      calendarType: CalendarDatePicker2Type.range,
  ),
  value: _dates,
  onValueChanged: (dates) => _dates = dates,
);
```

--------------------------------

### Flutter Calendar Date Picker View Mode Selector

Source: https://context7.com/theideasaler/calendar_date_picker2/llms.txt

Shows how to implement day, month, and year view modes for the calendar widget. A PopupMenuButton allows the user to switch between these views. Configuration options include disabling the mode picker and centering it.

```dart
import 'package:flutter/material.dart';
import 'package:calendar_date_picker2/calendar_date_picker2.dart';

class MonthYearViewExample extends StatefulWidget {
  @override
  State<MonthYearViewExample> createState() => _MonthYearViewExampleState();
}

class _MonthYearViewExampleState extends State<MonthYearViewExample> {
  List<DateTime?> _dates = [];
  CalendarDatePicker2Mode _viewMode = CalendarDatePicker2Mode.day;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('View Mode Selector'),
        actions: [
          PopupMenuButton<CalendarDatePicker2Mode>(
            onSelected: (mode) => setState(() => _viewMode = mode),
            itemBuilder: (context) => [
              PopupMenuItem(value: CalendarDatePicker2Mode.day, child: Text('Day View')),
              PopupMenuItem(value: CalendarDatePicker2Mode.month, child: Text('Month View')),
              PopupMenuItem(value: CalendarDatePicker2Mode.year, child: Text('Year View')),
            ],
          ),
        ],
      ),
      body: CalendarDatePicker2(
        config: CalendarDatePicker2Config(
          calendarType: CalendarDatePicker2Type.single,
          calendarViewMode: _viewMode,
          disableModePicker: false,
          centerAlignModePicker: true,
          selectedDayHighlightColor: Colors.cyan[700],
          selectedMonthTextStyle: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
          selectedYearTextStyle: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
          yearTextStyle: TextStyle(fontSize: 18),
          monthTextStyle: TextStyle(fontSize: 16),
        ),
        value: _dates,
        onValueChanged: (dates) => setState(() => _dates = dates),
      ),
    );
  }
}

```

--------------------------------

### Flutter: Multi-Date Selection with CalendarDatePicker2

Source: https://context7.com/theideasaler/calendar_date_picker2/llms.txt

Illustrates the usage of `CalendarDatePicker2` for selecting multiple distinct dates. This configuration sets `calendarType` to `multi` and demonstrates how to display and manage a list of selected dates.

```dart
import 'package:flutter/material.dart';
import 'package:calendar_date_picker2/calendar_date_picker2.dart';

class MultiDatePickerExample extends StatefulWidget {
  @override
  State<MultiDatePickerExample> createState() => _MultiDatePickerExampleState();
}

class _MultiDatePickerExampleState extends State<MultiDatePickerExample> {
  List<DateTime?> _selectedDates = [
    DateTime(2024, 1, 5),
    DateTime(2024, 1, 12),
    DateTime(2024, 1, 20),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Multi Date Picker')),
      body: Column(
        children: [
          CalendarDatePicker2(
            config: CalendarDatePicker2Config(
              calendarType: CalendarDatePicker2Type.multi,
              selectedDayHighlightColor: Colors.indigo[800],
              selectedDayTextStyle: TextStyle(color: Colors.white),
              firstDate: DateTime(2024, 1, 1),
              lastDate: DateTime(2024, 12, 31),
            ),
            value: _selectedDates,
            onValueChanged: (dates) {
              setState(() {
                _selectedDates = dates;
              });
              print('Total selected: ${dates.length} dates');
            },
          ),
          SizedBox(height: 20),
          Text('Selected ${_selectedDates.length} dates:'),
          ..._selectedDates.map((date) => Text(date.toString())),
        ],
      ),
    );
  }
}

```

--------------------------------

### Show Calendar Date Picker Dialog (Dart)

Source: https://context7.com/theideasaler/calendar_date_picker2/llms.txt

Displays a modal dialog for date selection using `showCalendarDatePicker2Dialog`. It allows for range selection and customizes the dialog's appearance and behavior. Dependencies include `flutter/material.dart` and `calendar_date_picker2/calendar_date_picker2.dart`. The function returns a list of selected `DateTime?` or null if dismissed.

```dart
import 'package:flutter/material.dart';
import 'package:calendar_date_picker2/calendar_date_picker2.dart';

class DialogPickerExample extends StatefulWidget {
  @override
  State<DialogPickerExample> createState() => _DialogPickerExampleState();
}

class _DialogPickerExampleState extends State<DialogPickerExample> {
  List<DateTime?> _dialogDates = [];

  Future<void> _showDatePickerDialog() async {
    final results = await showCalendarDatePicker2Dialog(
      context: context,
      config: CalendarDatePicker2WithActionButtonsConfig(
        calendarType: CalendarDatePicker2Type.range,
        firstDayOfWeek: 1,
        centerAlignModePicker: true,
        selectedDayHighlightColor: Colors.deepOrange[800],
        selectedRangeHighlightColor: Colors.deepOrange[200],
        closeDialogOnCancelTapped: true,
        closeDialogOnOkTapped: true,
        gapBetweenCalendarAndButtons: 10,
        customModePickerIcon: SizedBox(),
      ),
      dialogSize: const Size(325, 400),
      value: _dialogDates,
      borderRadius: BorderRadius.circular(15),
      dialogBackgroundColor: Colors.white,
      barrierDismissible: true,
    );

    if (results != null) {
      setState(() {
        _dialogDates = results;
      });
      print('Dialog returned: $results');
    } else {
      print('Dialog dismissed without selection');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Dialog Picker')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _showDatePickerDialog,
              child: Text('Open Date Picker Dialog'),
            ),
            SizedBox(height: 20),
            if (_dialogDates.isNotEmpty)
              Text('Selected: ${_dialogDates.map((d) => d.toString()).join(", ")}')
          ],
        ),
      ),
    );
  }
}

```

--------------------------------

### Custom Day Builder for Calendar (Dart)

Source: https://context7.com/theideasaler/calendar_date_picker2/llms.txt

Enables complete customization of individual day cells within the calendar using the `dayBuilder` property. This allows for unique visual representations of days based on various conditions like selection, disability, or being the current day. It takes a `DateTime` and returns a `Widget?` for each day. Dependencies include `flutter/material.dart` and `calendar_date_picker2/calendar_date_picker2.dart`.

```dart
import 'package:flutter/material.dart';
import 'package:calendar_date_picker2/calendar_date_picker2.dart';

class CustomDayBuilderExample extends StatefulWidget {
  @override
  State<CustomDayBuilderExample> createState() => _CustomDayBuilderExampleState();
}

class _CustomDayBuilderExampleState extends State<CustomDayBuilderExample> {
  List<DateTime?> _dates = [];

  Widget? _customDayBuilder({
    required DateTime date,
    TextStyle? textStyle,
    BoxDecoration? decoration,
    bool? isSelected,
    bool? isDisabled,
    bool? isToday,
  }) {
    return Container(
      decoration: decoration?.copyWith(
        shape: BoxShape.circle,
        border: isToday == true ? Border.all(color: Colors.blue, width: 2) : null,
      ) ?? BoxDecoration(
        shape: BoxShape.circle,
        border: isToday == true ? Border.all(color: Colors.blue, width: 2) : null,
      ),
      child: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              '${date.day}',
              style: textStyle,
            ),
            if (date.day % 5 == 0 && !isDisabled!)
              Container(
                width: 4,
                height: 4,
                decoration: BoxDecoration(
                  color: Colors.red,
                  shape: BoxShape.circle,
                ),
              ),
          ],
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Custom Day Builder')),
      body: CalendarDatePicker2(
        config: CalendarDatePicker2Config(
          calendarType: CalendarDatePicker2Type.multi,
          dayBuilder: _customDayBuilder,
          selectedDayHighlightColor: Colors.purple[600],
        ),
        value: _dates,
        onValueChanged: (dates) => setState(() => _dates = dates),
      ),
    );
  }
}

```

--------------------------------

### Range Date Selection in Flutter

Source: https://context7.com/theideasaler/calendar_date_picker2/llms.txt

Demonstrates how to configure the CalendarDatePicker2 widget to allow users to select a continuous range of dates. It customizes the appearance of selected days and ranges, and handles the selected date range by updating the state and printing the duration in days. This widget requires the flutter/material and calendar_date_picker2 packages.

```dart
import 'package:flutter/material.dart';
import 'package:calendar_date_picker2/calendar_date_picker2.dart';

class RangeDatePickerExample extends StatefulWidget {
  @override
  State<RangeDatePickerExample> createState() => _RangeDatePickerExampleState();
}

class _RangeDatePickerExampleState extends State<RangeDatePickerExample> {
  List<DateTime?> _rangeDates = [
    DateTime.now(),
    DateTime.now().add(Duration(days: 5)),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Range Date Picker')),
      body: Column(
        children: [
          CalendarDatePicker2(
            config: CalendarDatePicker2Config(
              calendarType: CalendarDatePicker2Type.range,
              selectedDayHighlightColor: Colors.teal[800],
              selectedRangeHighlightColor: Colors.teal[200],
              rangeBidirectional: true,
              dayBorderRadius: BorderRadius.circular(10),
              selectedDayTextStyle: TextStyle(
                color: Colors.white,
                fontWeight: FontWeight.bold,
              ),
              selectedRangeDayTextStyle: TextStyle(
                color: Colors.teal[900],
                fontWeight: FontWeight.w500,
              ),
            ),
            value: _rangeDates,
            onValueChanged: (dates) {
              setState(() {
                _rangeDates = dates;
              });
              if (dates.length == 2) {
                final duration = dates[1]!.difference(dates[0]!).inDays;
                print('Range: ${dates[0]} to ${dates[1]} ($duration days)');
              }
            },
          ),
          SizedBox(height: 20),
          if (_rangeDates.length == 2)
            Text('From: ${_rangeDates[0]}\nTo: ${_rangeDates[1]}'),
        ],
      ),
    );
  }
}

```

--------------------------------

### Control Selectable Days with Custom Logic in Flutter Calendar

Source: https://context7.com/theideasaler/calendar_date_picker2/llms.txt

This Dart code snippet shows how to implement a custom predicate to control which days are selectable in the CalendarDatePicker2 widget. It disables weekends and specific holidays, demonstrating input validation and date manipulation for user experience. Dependencies include 'flutter/material.dart' and 'calendar_date_picker2/calendar_date_picker2.dart'.

```dart
import 'package:flutter/material.dart';
import 'package:calendar_date_picker2/calendar_date_picker2.dart';

class SelectableDayExample extends StatefulWidget {
  @override
  State<SelectableDayExample> createState() => _SelectableDayExampleState();
}

class _SelectableDayExampleState extends State<SelectableDayExample> {
  List<DateTime?> _dates = [];

  bool _isSelectableDay(DateTime day) {
    // Only allow weekdays (Monday-Friday)
    if (day.weekday == DateTime.saturday || day.weekday == DateTime.sunday) {
      return false;
    }

    // Disable specific dates
    final blockedDates = [
      DateTime(2024, 12, 25), // Christmas
      DateTime(2024, 1, 1),   // New Year
    ];

    return !blockedDates.any((blocked) =>
      day.year == blocked.year &&
      day.month == blocked.month &&
      day.day == blocked.day
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Selectable Days Only')),
      body: CalendarDatePicker2(
        config: CalendarDatePicker2Config(
          calendarType: CalendarDatePicker2Type.single,
          selectableDayPredicate: _isSelectableDay,
          disabledDayTextStyle: TextStyle(
            color: Colors.grey[400],
            decoration: TextDecoration.lineThrough,
          ),
          selectedDayHighlightColor: Colors.green[700],
        ),
        value: _dates,
        onValueChanged: (dates) => setState(() => _dates = dates),
      ),
    );
  }
}

```

--------------------------------

### Implement Scroll View Mode for Calendar in Flutter

Source: https://context7.com/theideasaler/calendar_date_picker2/llms.txt

This Dart code demonstrates how to configure the CalendarDatePicker2 widget to use a vertically scrollable view for browsing months. It utilizes the 'scroll' calendarViewMode and allows customization of scroll constraints and header visibility. Dependencies include 'flutter/material.dart' and 'calendar_date_picker2/calendar_date_picker2.dart'.

```dart
import 'package:flutter/material.dart';
import 'package:calendar_date_picker2/calendar_date_picker2.dart';

class ScrollViewExample extends StatefulWidget {
  @override
  State<ScrollViewExample> createState() => _ScrollViewExampleState();
}

class _ScrollViewExampleState extends State<ScrollViewExample> {
  List<DateTime?> _dates = [];
  final ScrollController _scrollController = ScrollController();

  @override
  void initState() {
    super.initState();
    _scrollController.addListener(() {
      print('Scroll offset: ${_scrollController.offset}');
    });
  }

  @override
  void dispose() {
    _scrollController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Scroll View Calendar')),
      body: CalendarDatePicker2(
        config: CalendarDatePicker2Config(
          calendarType: CalendarDatePicker2Type.range,
          calendarViewMode: CalendarDatePicker2Mode.scroll,
          scrollViewConstraints: BoxConstraints(
            maxHeight: 500,
            maxWidth: 400,
          ),
          scrollViewController: _scrollController,
          hideScrollViewTopHeader: false,
          hideScrollViewMonthWeekHeader: false,
          scrollViewTopHeaderTextStyle: TextStyle(
            fontWeight: FontWeight.bold,
            fontSize: 16,
          ),
          selectedDayHighlightColor: Colors.blue[800],
          selectedRangeHighlightColor: Colors.blue[200],
          scrollViewOnScrolling: (offset) {
            print('Scrolling: $offset');
          },
        ),
        value: _dates,
        onValueChanged: (dates) => setState(() => _dates = dates),
      ),
    );
  }
}

```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.