# Daylight card

> Canonical HTML: https://screenrig.ai/docs/cards/daylight/

Sunrise, sunset and the sun's path across the day, with day length and the moon's phase. Computed on the Player; no feed.

Category: Weather. Tags: Weather and environment, Clocks and calendars.

## Previews

![Daylight](/cards/daylight/v1/screenshots/canvas-bloom.webp?sha=acdae34e88bf05f135da3a7f48777cc128a48ef06a7feb493ca094c3478dab17)

Canvas

![Daylight](/cards/daylight/v1/screenshots/corner-bloom.webp?sha=e8af82d396cfe36de8c5badf132f16adcacdabeb9289fffbae5715128d6f1502)

Corner

![Daylight](/cards/daylight/v1/screenshots/chip-bloom.webp?sha=1af9112559999037d977ccafff5e5dc55e65f77b3d78f80c32abc090469816c4)

Chip

## Views and forms

Views: canvas, corner, chip. Canvas forms: landscape, portrait, strip.

[Card views, themes and publishing](/docs/cards/). [Browse the gallery](/apps/#cards).

## Data and privacy

This card uses its configured properties and live card data.

## Properties

For theme, background, accent and position, see [Common properties](/docs/cards/#common-properties).

Set static properties in `params`. Bind `data` to a project card data key for live values; that document holds only dynamic properties. Without a data key, put the complete configuration in `params`. Nested rows describe the contents of their parent property.

### Static properties

| Name | Type | Default | Values and limits | Description |
| --- | --- | --- | --- | --- |
| `location` | object |  | additionalProperties: `false`; Required |  |
| `location.name` | string |  | maxLength: `40`; Required |  |
| `location.latitude` | number |  | minimum: `-90`; maximum: `90`; Required |  |
| `location.longitude` | number |  | minimum: `-180`; maximum: `180`; Required |  |
| `date` | string, null | `null` | pattern: `"^\\d{4}-\\d{2}-\\d{2}$"` | YYYY-MM-DD; null is today in the zone. |
| `hour12` | boolean | `false` |  |  |
| `timeZone` | string, null | `null` |  |  |

### Dynamic properties

This card has no dynamic properties.

## Canvas example

Add this item to a playlist page’s `primitives`. [Publish the playlist and assign a screen](/docs/cards/#publish-a-card-canvas).

```json
{
  "id": "daylight",
  "primitive": "card",
  "card": "daylight",
  "major": 1,
  "params": {
    "theme": "neomustard",
    "location": {
      "name": "Vancouver",
      "latitude": 49.25,
      "longitude": -123.0
    }
  },
  "rect": {
    "x": 0,
    "y": 0,
    "width": 1920,
    "height": 1080
  },
  "layer": 0,
  "content_fit": "fill"
}
```