Talvez careça um pouco de contexto. Mas aqui algumas coisas que vc deve corrigir:
- Vc está exportando o calendar antes da definição dele, vc pode trocar por:
const calendarEl = document.getElementById('calendar');
const calendarValue = calendarEl ? calendarEl.value : 0;
export calendarEl;
export calendarValue;
Para importar
import { calendarValue } from '/components/home.js';
Porem cabe aqui dizer que se vc importar home.js fora da pagina Home (que tem o elemento calendar) o calendarValue vai ser executado baseado no seu contexto presente. Ou seja, ele vai procurar na sua pagina CORRENTE se existe um elemento com o ID calendar
. Se vc tem o calendar em uma pagina html e quer o valor dele em OUTRA pagina html, vc precisar fazer com que o valor escolhido no calendar seja passado para a proxima pagina via GET parameters. Basicamente vc fara com que o input de calendario esteja em um form, e a action do form deverá apontar para a próxima pagina:
Ex:
Pagina 1 - Seleciona o datetime no calendario, e clica enter
-> O Form da pagina faz o GET do form de calendario para pagina 2
Pagina 2 - Recebe o GET e o endereço ficara mais ou menos assim: 'http://whatever/pagina2?calenda=123' (endereço meramente ilustrativo). Veja o parametro ?calendar na URL, ele é o parametro GET que veio da URL anterior. Daí no seu código vc deve ler esse paremetro e usar como quiser.
Em termos de contexto vc nao consegue exportar dinamicamente ou acessar uma pagina anterior (ou dados dela) dentro do historico. (Existem exceções de contexto pra essa minha afirmação para iframes, SPAs e afins. Mas em termos de paginas html separadas não será possível).
Referencia para passar parametros de uma pagina para a outra:
https://developer.mozilla.org/en-US/docs/Learn/Forms/Sending_and_retrieving_form_data
Em ultima instancia, lembre-se de adicionar o JS de manipulação de pagina no final antes de fechar a tag Body, (se estiver adicionando dessa forma), assim vc evita ter que adicionar eventos pra esperar a pagina carregar e ter seus elementos disponíveis no DOM. Caso contrário, ou vc adiciona eventos pra esperar a pagina carregar (desnecessariamente), ou realmente os seletores retornarão null na maior parte das vezes.