{"id":"bc9bff7a-bfbc-4f69-b0d2-94f3dc858cde","shortId":"yJwTUA","kind":"skill","title":"syncfusion-maui-date-time-picker","tagline":"Implements Syncfusion .NET MAUI DateTimePicker (SfDateTimePicker) control. Use when implementing date and time selection, datetime pickers, or date-time input interfaces in .NET MAUI applications. Covers DateTimePicker setup, formatting dates/times, picker modes (dialog/relative)","description":"# Implementing Date Time Pickers\n\nA comprehensive skill for implementing and customizing the Syncfusion .NET MAUI DateTimePicker (SfDateTimePicker) control. This component provides a flexible way to select dates, times, or both with extensive customization options.\n\n## When to Use This Skill\n\nUse this skill when you need to:\n- Add date and time selection to .NET MAUI apps\n- Implement appointment or booking systems\n- Create scheduling interfaces with time slots\n- Build forms requiring datetime input\n- Add calendar pickers with time selection\n- Implement date range restrictions\n- Customize picker appearance (headers, footers, themes)\n- Handle selection events and data binding\n- Support multiple date/time formats\n- Localize picker labels and buttons\n- Implement accessible datetime selection\n\n## Component Overview\n\nThe **SfDateTimePicker** is a versatile picker control that allows users to select:\n- **Dates only** - Pick day, month, and year\n- **Times only** - Pick hours, minutes, and seconds\n- **Date and Time** - Combined selection\n- **Formatted display** - 18 date formats and 9 time formats\n- **Multiple display modes** - Inline, Dialog, or Relative Dialog\n- **Date restrictions** - Min/max dates and blackout times\n- **Custom intervals** - Skip days, months, hours, minutes\n- **Full customization** - Headers, footers, columns, selection views\n- **Localization** - Multi-language support\n\n## Documentation and Navigation Guide\n\n### Getting Started & Installation\n📄 **Read:** [references/getting-started.md](references/getting-started.md)\n- Installing Syncfusion.Maui.Picker NuGet package\n- Registering handler in MauiProgram.cs\n- Basic DateTimePicker implementation (XAML & C#)\n- Running your first application\n- Minimal working examples\n\n### Date and Time Formatting\n📄 **Read:** [references/formatting.md](references/formatting.md)\n- 18 predefined date formats (dd_MM_yyyy, yyyy_MM_dd, MMM_dd_yyyy, etc.)\n- 9 predefined time formats (h_mm_tt, HH_mm_ss, hh_mm_ss_tt, etc.)\n- Setting DateFormat and TimeFormat properties\n- Custom format configurations\n- Format selection best practices\n- Display format examples\n\n### Picker Modes and Display\n📄 **Read:** [references/picker-modes.md](references/picker-modes.md)\n- Default mode (inline display)\n- Dialog mode (popup with overlay)\n- RelativeDialog mode (positioned popup)\n- IsOpen property for programmatic control\n- 8 RelativePosition options (AlignTop, AlignBottom, AlignTopLeft, etc.)\n- Mode selection guidance by use case\n- Opening picker programmatically\n\n### Customization\n📄 **Read:** [references/customization.md](references/customization.md)\n- Header customization (text, divider color, templates)\n- HeaderTemplate and HeaderTemplateSelector\n- Column header styling\n- Footer customization (OK/Cancel buttons, text, visibility)\n- Selection view appearance\n- Background colors and text styles\n- DataTemplate and DataTemplateSelector examples\n- Advanced theming\n\n### Date Restrictions\n📄 **Read:** [references/date-restriction.md](references/date-restriction.md)\n- MinimumDate property (lower bound restrictions)\n- MaximumDate property (upper bound restrictions)\n- BlackoutDateTimes (blocking specific dates and times)\n- Validation rules\n- Use cases (holidays, unavailable periods, business hours)\n- Restriction patterns and best practices\n\n### Intervals\n📄 **Read:** [references/intervals.md](references/intervals.md)\n- Date intervals (DayInterval, MonthInterval, YearInterval)\n- Time intervals (HourInterval, MinuteInterval, SecondInterval, MilliSecondInterval)\n- Combining multiple intervals\n- Skip patterns for appointment booking\n- Time slot configurations (15 min, 30 min intervals)\n- Use cases and examples\n\n### Events\n📄 **Read:** [references/events.md](references/events.md)\n- SelectionChanged event (NewValue, OldValue)\n- Immediate vs confirmed selection (IsSelectionImmediate)\n- Dialog mode events (Opened, Closing, Closed)\n- Canceling selection in Closing event\n- Event handling patterns\n- Data binding with events\n- MVVM integration\n\n### Localization\n📄 **Read:** [references/localization.md](references/localization.md)\n- Localizable strings (Day, Month, Year, Hour, Minute, Second, OK, Cancel)\n- Setting CurrentUICulture\n- Creating resource files (.resx)\n- Adding translations for multiple languages\n- Resource file structure and naming\n- French, Spanish, and other language examples\n- Best practices for multi-language apps\n\n### Accessibility\n📄 **Read:** [references/accessibility.md](references/accessibility.md)\n- WCAG compliance features\n- Keyboard navigation support\n- Screen reader compatibility\n- Semantic properties and AutomationId\n- Focus management\n- Accessible date/time selection\n- Testing accessibility","tags":["syncfusion","maui","date","time","picker","components","skills","agent-skills"],"capabilities":["skill","source-syncfusion","skill-syncfusion-maui-date-time-picker","topic-agent-skills"],"categories":["maui-ui-components-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-date-time-picker","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add syncfusion/maui-ui-components-skills","source_repo":"https://github.com/syncfusion/maui-ui-components-skills","install_from":"skills.sh"}},"qualityScore":"0.476","qualityRationale":"deterministic score 0.48 from registry signals: · indexed on github topic:agent-skills · 53 github stars · SKILL.md body (4,703 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T00:56:06.877Z","embedding":null,"createdAt":"2026-04-18T22:15:15.651Z","updatedAt":"2026-04-22T00:56:06.877Z","lastSeenAt":"2026-04-22T00:56:06.877Z","tsv":"'15':442 '18':182,260 '30':444 '8':329 '9':186,274 'access':144,527,546,550 'ad':504 'add':87,112 'advanc':379 'alignbottom':333 'aligntop':332 'aligntopleft':334 'allow':157 'app':95,526 'appear':124,369 'applic':32,249 'appoint':97,437 'automationid':543 'background':370 'basic':241 'best':299,414,520 'bind':133,479 'blackout':202 'blackoutdatetim':396 'block':397 'book':99,438 'bound':389,394 'build':107 'busi':409 'button':142,364 'c':245 'calendar':113 'cancel':470,497 'case':341,405,448 'close':468,469,473 'color':353,371 'column':215,358 'combin':178,431 'compat':539 'complianc':532 'compon':60,147 'comprehens':46 'configur':296,441 'confirm':461 'control':13,58,155,328 'cover':33 'creat':101,500 'currentuicultur':499 'custom':51,73,122,204,212,294,345,350,362 'data':132,478 'datatempl':375 'datatemplateselector':377 'date':4,17,25,42,67,88,119,161,175,183,197,200,253,262,381,399,420 'date-tim':24 'date/time':136,547 'dateformat':290 'dates/times':37 'datetim':21,110,145 'datetimepick':11,34,56,242 'day':164,207,490 'dayinterv':422 'dd':264,269,271 'default':311 'dialog':193,196,315,464 'dialog/relative':40 'display':181,190,301,307,314 'divid':352 'document':223 'etc':273,288,335 'event':130,451,456,466,474,475,481 'exampl':252,303,378,450,519 'extens':72 'featur':533 'file':502,510 'first':248 'flexibl':63 'focus':544 'footer':126,214,361 'form':108 'format':36,137,180,184,188,256,263,277,295,297,302 'french':514 'full':211 'get':227 'guid':226 'guidanc':338 'h':278 'handl':128,476 'handler':238 'header':125,213,349,359 'headertempl':355 'headertemplateselector':357 'hh':281,284 'holiday':406 'hour':171,209,410,493 'hourinterv':427 'immedi':459 'implement':7,16,41,49,96,118,143,243 'inlin':192,313 'input':27,111 'instal':229,233 'integr':483 'interfac':28,103 'interv':205,416,421,426,433,446 'isopen':324 'isselectionimmedi':463 'keyboard':534 'label':140 'languag':221,508,518,525 'local':138,218,484 'localiz':488 'lower':388 'manag':545 'maui':3,10,31,55,94 'mauiprogram.cs':240 'maximumd':391 'millisecondinterv':430 'min':443,445 'min/max':199 'minim':250 'minimumd':386 'minut':172,210,494 'minuteinterv':428 'mm':265,268,279,282,285 'mmm':270 'mode':39,191,305,312,316,321,336,465 'month':165,208,491 'monthinterv':423 'multi':220,524 'multi-languag':219,523 'multipl':135,189,432,507 'mvvm':482 'name':513 'navig':225,535 'need':85 'net':9,30,54,93 'newvalu':457 'nuget':235 'ok':496 'ok/cancel':363 'oldvalu':458 'open':342,467 'option':74,331 'overlay':319 'overview':148 'packag':236 'pattern':412,435,477 'period':408 'pick':163,170 'picker':6,22,38,44,114,123,139,154,304,343 'popup':317,323 'posit':322 'practic':300,415,521 'predefin':261,275 'programmat':327,344 'properti':293,325,387,392,541 'provid':61 'rang':120 'read':230,257,308,346,383,417,452,485,528 'reader':538 'references/accessibility.md':529,530 'references/customization.md':347,348 'references/date-restriction.md':384,385 'references/events.md':453,454 'references/formatting.md':258,259 'references/getting-started.md':231,232 'references/intervals.md':418,419 'references/localization.md':486,487 'references/picker-modes.md':309,310 'regist':237 'relat':195 'relativedialog':320 'relativeposit':330 'requir':109 'resourc':501,509 'restrict':121,198,382,390,395,411 'resx':503 'rule':403 'run':246 'schedul':102 'screen':537 'second':174,495 'secondinterv':429 'select':20,66,91,117,129,146,160,179,216,298,337,367,462,471,548 'selectionchang':455 'semant':540 'set':289,498 'setup':35 'sfdatetimepick':12,57,150 'skill':47,79,82 'skill-syncfusion-maui-date-time-picker' 'skip':206,434 'slot':106,440 'source-syncfusion' 'spanish':515 'specif':398 'ss':283,286 'start':228 'string':489 'structur':511 'style':360,374 'support':134,222,536 'syncfus':2,8,53 'syncfusion-maui-date-time-pick':1 'syncfusion.maui.picker':234 'system':100 'templat':354 'test':549 'text':351,365,373 'theme':127,380 'time':5,19,26,43,68,90,105,116,168,177,187,203,255,276,401,425,439 'timeformat':292 'topic-agent-skills' 'translat':505 'tt':280,287 'unavail':407 'upper':393 'use':14,77,80,340,404,447 'user':158 'valid':402 'versatil':153 'view':217,368 'visibl':366 'vs':460 'way':64 'wcag':531 'work':251 'xaml':244 'year':167,492 'yearinterv':424 'yyyi':266,267,272","prices":[{"id":"45b7ef4e-02d8-4988-af92-fbfc375cf32e","listingId":"bc9bff7a-bfbc-4f69-b0d2-94f3dc858cde","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"syncfusion","category":"maui-ui-components-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T22:15:15.651Z"}],"sources":[{"listingId":"bc9bff7a-bfbc-4f69-b0d2-94f3dc858cde","source":"github","sourceId":"syncfusion/maui-ui-components-skills/syncfusion-maui-date-time-picker","sourceUrl":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-date-time-picker","isPrimary":false,"firstSeenAt":"2026-04-18T22:15:15.651Z","lastSeenAt":"2026-04-22T00:56:06.877Z"}],"details":{"listingId":"bc9bff7a-bfbc-4f69-b0d2-94f3dc858cde","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"syncfusion","slug":"syncfusion-maui-date-time-picker","github":{"repo":"syncfusion/maui-ui-components-skills","stars":53,"topics":["agent-skills"],"license":null,"html_url":"https://github.com/syncfusion/maui-ui-components-skills","pushed_at":"2026-04-08T07:27:37Z","description":"Skills for Syncfusion .NET MAUI components. Enable AI-assisted development with comprehensive documentation, code examples, and best practices for 100+ UI controls including DataGrid, Charts, Scheduler, and more.","skill_md_sha":"b982346440f84e7c88745fa03d6bc3804f30fbf4","skill_md_path":"skills/syncfusion-maui-date-time-picker/SKILL.md","default_branch":"master","skill_tree_url":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-date-time-picker"},"layout":"multi","source":"github","category":"maui-ui-components-skills","frontmatter":{"name":"syncfusion-maui-date-time-picker","description":"Implements Syncfusion .NET MAUI DateTimePicker (SfDateTimePicker) control. Use when implementing date and time selection, datetime pickers, or date-time input interfaces in .NET MAUI applications. Covers DateTimePicker setup, formatting dates/times, picker modes (dialog/relative), customization, date restrictions, intervals, events, localization, and accessibility."},"skills_sh_url":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-date-time-picker"},"updatedAt":"2026-04-22T00:56:06.877Z"}}