Xamarin DatePicker – Problemas e soluções

Como o intuito é ser um seletor de datas que funciona em diversas plataformas diferentes, o elemento DatePicker do Xamarin Forms acabou por não levar em consideração diversas peculiaridades de cada plataforma. É um dos casos em que generalizar demais acaba por tirar a individualidade, os seletores de data nativos do Android, iOS e das plataformas Windows, funcionam de maneiras diferentes, e não tem nada de errado com isso.

Os problemas:

Caso você nunca tenha utilizado o elemento DatePicker do Xamarin Forms, aqui estão alguns exemplos de porque ele não é a escolha ideal:

• O evento de seleção de data só é disparado caso o usuário tenha de fato escolhido uma data, se for escolhida a data inicial do seletor ele não será disparado.
• Como o evento de escolha de data não é ativado se a data inicial for mantida, o resultado obtido ao inspecionar a propriedade Date do DatePicker neste caso será um objeto new DateTime(), que aponta para a data 01/01/0001, o que na maioria dos casos não irá condizer com a realidade da data inicial.
• Já que o evento de seleção de datas não é confiável podemos atribuir manualmente o valor da data inicial por data binding e usar o evento de perda de foco do seletor, o problema deste caso é que o evento de perda de foco também é disparado quando o usuário cancela a seleção de data, o que torna esta abordagem inviável.

As soluções:

Abaixo apresento três soluções para o problema de inserir um seletor de datas em aplicativo Xamarin Forms, cada um com suas vantagens e desvantagens.

Solução rápida e barata:

A solução mais rápida e barata para apenas incluir um seletor de data é usar um dialog nativo, o que pode ser facilmente feito com o pacote nuget Acr.User.Dialogs (https://github.com/aritchie/userdialogs), que tem implementações para Android, iOS e UWP.
Vantagens:

• • Pouco trabalho para implementar;

• Cross-platform;

• Pacote sem custo adicional.

Desvantagens:

• Como a implementação é apenas na forma de um dialog, os controles de exibição do seletor e da data selecionada devem ser construídos separadamente, o que pode aumentar o tempo de desenvolvimento consideravelmente;
• Pouca capacidade de customização dos elementos visuais.

Solução demorada mas sem custo adicional:

Caso queira um seletor de data funcional e com a interface customizável, uma das soluções é implementar o seu próprio. Isso seria um grande desafio em muitos casos, mas o uso das classes DateTime e Calendar do .NET auxilia muito o desenvolvimento. Para permitir uma seleção de diversos meses e/ou anos, recomendo construir a interface com uma CarouselView (https://blog.xamarin.com/flip-through-items-with-xamarin-forms-carouselview/), e para o seu seletor parecer mais uma caixa de diálogo e menos com um modal recomendo o uso do pacote Rg.Plugins.Popup (https://github.com/rotorgames/Rg.Plugins.Popup).

Vantagens:

• Construído pensando nas especificidades de cada projeto;
• Possibilidade muito ampla de customização do layout;

Desvantagens:

• Mesmo com o auxílio das ferramentas citadas, ainda é um trabalho que gasta um tempo considerável;
• Maior possibilidade de bugs, já que a implementação foi feita apenas para o projeto.

Solução rápida e cara:

Existem bibliotecas gráficas pagas que implementam seletores de data e calendários customizados e sem os problemas relacionados a eventos e inicializações, os que considero mais interessantes são:

• Telerik – Calendar: http://www.telerik.com/xamarin-ui/calendar
• Syncfusion – SfCalendar: https://help.syncfusion.com/xamarin/sfcalendar/getting-started
• Syncfusion – SfPicker: https://help.syncfusion.com/xamarin/sfpicker/datepicker

Vantagens:

• Bibliotecas já consolidadas no mercado, com baixa probabilidade de bugs ou de causarem crashes no aplicativo;
• Customizáveis e com visual padrão muito agradável;
• Implementação simples.

Desvantagens:

• Custo adicional no projeto pode inviabilizar esta solução;
• Apesar de serem de simples implementação, é possível que gerem um overhead de aprendizado de uso pelos desenvolvedores.

Referências:

• Acr.UserDialogs: https://github.com/aritchie/userdialogs;
• .NET Calendar: https://msdn.microsoft.com/en-us/library/system.globalization.calendar(v=vs.110).aspx?f=255&MSPPError=-2147217396;
• .NET DateTime: https://msdn.microsoft.com/pt-br/library/system.datetime(v=vs.110).aspx;
• CarouselView: https://blog.xamarin.com/flip-through-items-with-xamarin-forms-carouselview/;
• Rg.Plugins.Popup: https://github.com/rotorgames/Rg.Plugins.Popup;
• Telerik – Calendar: http://www.telerik.com/xamarin-ui/calendar;
• Syncfusion – SfCalendar: https://help.syncfusion.com/xamarin/sfcalendar/getting-started;
• Syncfusion – SfPicker: https://help.syncfusion.com/xamarin/sfpicker/datepicker;