Drawer - Agenda do dia e disponibilidade

Contexto

Como usuário que tem permissão de agendar, gostaria de visualizar a agenda do dia de forma simplificada e horários disponíveis, para que facilite o agendamento de um paciente.

Descritivo de Negócios

Criaremos um novo componente em formato de sidebar, que poderá ser acessada por qualquer módulo, e exibirá mais informações sobre os agendamentos da clínica e horários disponíveis.No rodapé, teremos duas abas: Eventos do dia e Horários Disponíveis.Eventos do dia:Lista todos os agendamentos do dia selecionado.Teremos como informativo:

• Eventos do dia, com total de agendamentos, disponibilidade, agendado e encaixe;

• Lista com nome do paciente, convênio, Médico, situação do agendamento (cores), ícones do agendamento;

• 

Filtros:

• Seleção de dia;

• Hora de início e fim;

• Busca de paciente;

• Tipo de procedimento;

• Financeiro;

• Tipo de pendência;

• Prioridade;

• Situação;

• Convênio;

• Sala/ Setor;

• Profissional;

Horários DisponíveisTeremos uma lista com todas as disponibilidades de agendamentos disponíveis no dia selecionado:

• Listas separadas por profissional;

• Cada lista contém os horários disponíveis para agendamento;

Figma:

Figma