### Serving Qwik City App with Deno Server (Shell)

Source: https://github.com/diecodev/qwik-date/blob/main/website/README.md

After a full production build, this command starts a minimal Deno server to serve the built Qwik City application. It allows for local testing of the production output using a Deno runtime, typically accessible at http://localhost:8080/.

```shell
pnpm serve
```

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

### Installing qwik-date with Package Managers

Source: https://github.com/diecodev/qwik-date/blob/main/README.md

This snippet demonstrates how to install the `qwik-date` package using various JavaScript package managers. It specifies development dependency (`-D`) and exact version (`-E`) flags for consistent installations across different environments.

```sh
npm install -D -E qwik-date
pnpm add -D -E qwik-date
bun add -D -E qwik-date
yarn add -D -E qwik-date
```

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

### Starting Qwik City Development Server (Shell)

Source: https://github.com/diecodev/qwik-date/blob/main/website/README.md

This command initiates the development server for a Qwik City application, leveraging Vite's development server. It performs server-side rendering (SSR) during development, allowing for a live preview of the application. Note that Vite may request many .js files in dev mode, which is not representative of a production build.

```shell
npm start
```

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

### Basic Usage of Qwik-Date Inline Calendar in Qwik

Source: https://github.com/diecodev/qwik-date/blob/main/README.md

This example demonstrates how to integrate the `CalendarInline` component into a Qwik application. It utilizes `useSignal` to manage the selected date state and the `onDateChange$` callback to handle date selection events, logging the new date to the console.

```tsx
import { component$, useSignal } from '@builder.io/qwik';
import { CalendarInline } from 'qwik-date/inline';

export default component$(() => {
  const date = useSignal('2023-07-23');
  
  return (
    <CalendarInline 
      date={date.value} 
      onDateChange$={(newDate) => console.log({ newDate })} 
    />
  );
});
```

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

### Basic Usage of Qwik-Date Popup Date Picker in Qwik

Source: https://github.com/diecodev/qwik-date/blob/main/README.md

This example shows how to use the `DatePicker` component in a Qwik application. It leverages `useSignal` for managing the selected date, `onDateChange$` for handling date changes, and sets a `triggerLabel` for the button that activates the date picker.

```tsx
import { component$, useSignal } from '@builder.io/qwik';
import { DatePicker } from 'qwik-date/picker';

export default component$(() => {
  const date = useSignal('2023-07-23');
  
  return (
    <DatePicker 
      date={date.value} 
      onDateChange$={(newDate) => console.log({ newDate })}
      triggerLabel="Select Date"
    />
  );
});
```

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

### Previewing Qwik City Production Build Locally (Shell)

Source: https://github.com/diecodev/qwik-date/blob/main/website/README.md

This command creates a production build of the client modules and src/entry.preview.tsx, then runs a local server to preview the production build. It is intended for local convenience only and should not be used as a production server.

```shell
pnpm preview
```

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

### Adding Integrations to Qwik City App (Shell)

Source: https://github.com/diecodev/qwik-date/blob/main/website/README.md

This command is used to add various integrations to a Qwik City project, such as Cloudflare, Netlify, Express Server, or the Static Site Generator (SSG). It simplifies the process of extending the application's capabilities and deployment options.

```shell
pnpm qwik add
```

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

### Building Qwik City Application for Production (Shell)

Source: https://github.com/diecodev/qwik-date/blob/main/website/README.md

This command generates both client and server modules for a Qwik City application, preparing it for production deployment. It also performs a TypeScript type check on the source code to ensure code quality and catch errors before deployment.

```shell
pnpm build
```

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

### Importing Popup Date Picker Components in Qwik

Source: https://github.com/diecodev/qwik-date/blob/main/README.md

This snippet illustrates the two methods for importing the `DatePicker` component from the `qwik-date` library. Users can import `DatePicker` from the main package or specifically from the `/picker` subpath.

```ts
import { DatePicker } from 'qwik-date';
import { DatePicker } from 'qwik-date/picker';
```

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

### Importing Inline Calendar Components in Qwik

Source: https://github.com/diecodev/qwik-date/blob/main/README.md

This snippet shows the two primary ways to import the inline calendar component from the `qwik-date` library. Developers can choose to import `Calendar` from the main package or `CalendarInline` specifically from the `/inline` subpath.

```ts
import { Calendar } from 'qwik-date';
import { CalendarInline } from 'qwik-date/inline';
```

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